Question

我正在为一家公司撰写一个新的网页，并且考虑到了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风格的，只适合一行并且看起来很酷）

Answer 1

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

当然，鉴于这是html5，你可以全力以赴并使用<section>标签......

Answer 2

从主题上讲，<hr>表示一个＆＃34;部分的结束＆＃34;和另一个＆＃34;的开始。基本上这些应该出现在<section>标签之后，而不是在<hr>之内。虽然从语义上讲，在你想要使用它们的地方并不重要。

如果您的链接项列表与<section>标记上的项目相关（意味着与<hr>标记中的其他元素相关，那么我建议您不要使用{{1}}相反，使用CSS来区分边框和下划线。

如果您想要其他参考资料，我已经为您找到了这个： http://html5doctor.com/small-hr-element/

干杯， d

正确使用HTML5 <hr />标记

2 个答案: