HTML5的正确用法<hr>标记

我正在为一家公司编写一个新的网页，并且我有一份HTML5/W3C建议的一个理智的子集。HTML5的正确用法<hr>标记

阅读<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样式以适应单行和耍酷）

来源

2010-08-18 Guilherme Vieira

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

当然，考虑到这是HTML5，你可以去整个生猪和使用<section>标签...

来源

2010-08-18 15:39:54 Ben

他们说，有'

之间的等价一个' nd'

'，并且由于我已经在一个部分内，所以'

'似乎是一个更好的选择。如果有人告诉我，我的例子在语义上不是“正确的”，那么我会去设计任一元素的底部/顶部边界，事实上，因为图形上该线很重要。 – 2010-08-18 15:47:04

是的，并已经无视您使用'

'的道歉事项;我没有给予适当的关注！ – Ben 2010-08-18 15:50:39

没有问题！考虑到你是唯一回答我的人，我很欣赏它XD – 2010-08-18 16:11:59

主题上来说，<hr>意味着一个“节”和“其他”开始的结束。基本上这些应该出现在你的<section>标签之后，而不是在之内。尽管从语义上讲，它并不重要，你想在哪里使用它们。

如果你的链接项目列表相关的上述项目的<hr>标签（意思是相关的<section>标签中的其他元素，那么我不建议使用<hr>那里。相反，使用CSS来区分边框和下划线。

如果您想获得更多的参考，我已经位于此为您提供： http://html5doctor.com/small-hr-element/

干杯， d

来源

2012-02-07 20:57:49 Downpour046

我认为节之间的内容元素之间的'hr'没有意义，因为根据定义*有一个“break”*。另见[规范示例]（http://www.w3.org/TR/2014/REC-html5-20141028/grouping-content.html#the-hr-element）：“不需要因为'section'元素和'h1'元素本身意味着主题的变化，所以这些节之间的'hr'元素。 – unor 2014-11-26 09:13:11

HTML5的正确用法<hr>标记

回答

相关问题