html - hr 元素 vs 1px 高 div vs 1px 边框

<分区>

我有一个包含部分的应用程序，我需要在它们之间有一条 1px 的线。看来我有一个选择:

.hr1{
  border-bottom: 1px solid;
}

.hr2{
  height:1px;
  background-color:black;
}

某种特定方式有什么好处吗？

在我看来，hr 元素不是一个好主意，因为样式很容易更改。

最佳答案

是的，使用正确的 hr 元素有一个压倒性的优势:它可以被基于文本的浏览器和屏幕阅读器理解。

对于不使用普通浏览器的人来说，空的 div 根本不会显示，无论是否有边框。 hr 总是会的。这样做可能是可取的。

更多信息可用on this accessibility site , 当您需要使用 hr 以外的东西时，它也会给出建议:

<div class="rule"></div><hr>

div.rule {
    height: 1px;
    background: blue;
}
hr {
    display: none;
}

关于html - hr 元素 vs 1px 高 div vs 1px 边框，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41315990/

相关文章：

javascript - 如何使用键盘上的键 "c"创建键盘快捷键来调用函数