語義按鈕標記

Question

好奇以下可能如何通過HTML標記。不知道它是否是一個列表，如果它應該是單獨的div（跨度可能？）或導航（html 5）。

最左邊的按鈕是獨立的。然後標題在中心。然後是一個按鈕組（後退/下一個）。然後在最右邊的一個按鈕（通知）。

所有的按鈕和標題引用並對其下面的內容起作用。

button   Title of page below  button(back) button(next)  button 

Answer 1

如果是導航並且希望它是語義的，則應將其包裝在nav標記中。 Nav標籤僅爲HTML5，但語義上描述導航。我會這樣構造它：

<nav> 
    <ul> 
     <li><a href="#">Button</a></li> 
     <li><h1>Title</h1></li> 
     <li><a href="#">Back</a></li> 
     <li><a href="#">Next</a></li> 
     <li><a href="#">Button</a></li> 
    </ul> 
</nav> 

這是一個很好的做法，使用定位標記進行導航，並將它們設置爲合適的樣式。您應該使用<h1>作爲標題，因爲它應該是最重要的標題。