html - 正确使用 HTML5 <hr> 标签

标签 html semantic-markup

我正在为一家公司编写一个新网页,并且我有(一个合理的)HTML5/W3C 建议的子集。

看完<hr />的语义后,我想知道这是不是一个使用它的好地方:

<section name="historyItem">
    <h2>2002</h2>
    <p>Dolorem ipsum dolor sit amet in 2002, consectetur [...]</p>
    <hr />
    <ul>
        <li><a href="#">Link A</a></li>
        <li><a href="#">Link B</a></li>
    </ul>
</section>

我的推理是,是的,<hr />表示从部分描述部分链接的主题变化,但我不确定。

也许“主题变化”意味着稍后有一个关于另一个主题的新段落,因此我的例子不会“正确”。你怎么看?

(ps.:是的,<ul> 是 CSS 样式以适合单行并且看起来很酷)

最佳答案

我明白你的意思了。但就我个人而言,我不会打扰。首先问问自己为什么要使用标签。如果您想描述段落和链接之间的变化,那么就纯标记而言,我认为不需要。如果它与页面的外观和感觉有关(即您想要划分两个区域的规则),那么我会再次质疑它的用处,因为您可以将边框应用于段落或无序列表标签。

当然,鉴于这是 html5,您可以全力以赴并使用 <section>标记…

关于html - 正确使用 HTML5 <hr> 标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3513576/

相关文章:

javascript - 到达滚动部分时计数器播放

javascript - 增加 div 按钮的大小

javascript - 检测两个div是否重叠

html - 复杂表格的语义 HTML 标记

css - 子菜单标题,h1 或 span/other

html - 更正网格中内容的语义标签 - html5

IE7 中忽略 HTML5 语义标记

javascript - CSS 过渡在 Safari 中有效,但在 Chrome 中无效

html - IE7 中的 CSS 问题

css - Bootstrap 3 和 LESS 语义列排序