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>標記

回答

相關問題