HTML5結構和標題在章節或文章

雖然我應該真的知道這一點，恐怕我不完全明白。讀過不同的文章，閱讀書籍並與其他人交談後，我仍然不太明白HTML5 section的正確結構。每個section和/或article內都有h1標籤是否合適？新的section或article構成了再次啓動h1到h2的過程嗎？HTML5結構和標題在章節或文章

我的印象是，每個「塊」應該被允許它是自己的「標題」結構。

例如，這是正確的HTML5嗎？：

<!doctype html> 
<html> 
    <head> 
    <title> 
    <!-- etc. etc. --> 

    <body> 
     <section> <!-- two or more <articles> within this section, both using <h1> tags --> 
     <h1>Here is a section with articles in</h1> 
     <article> 
      <h1>Heading</h1> 
      <h2>sub heading</h2> 
      <p>A paragraph> 
     </article> 
     <article> 
      <h1>Heading</h1> 
      <h2>sub heading</h2> 
      <p>A paragraph</p> 
     </article> 
     ...  
     </section> 
     <section> <!-- two or more <articles> within this additional section, both using <h1> tags --> 
     <h1>Here is a section with articles in</h1> 
     <article> 
      <h1>Heading</h1> 
      <h2>sub heading</h2> 
      <p>A paragraph> 
     </article> 
     <article> 
      <h1>Heading</h1> 
      <h2>sub heading</h2> 
      <p>A paragraph</p> 
     </article> 
     ...  
     </section>     
    </body> 
</html>

來源

2012-09-28 beingalex

由於每一對你article小號h1和h2元素分別代表一個標題和副標題，你需要組對到自己header的article內，以便產生一個適當的文件每篇文章的大綱。

除此之外，你的部分的標題結構看起來很好。

來源

2012-09-28 13:00:24 BoltClock

而這將在語義上是正確的？ – beingalex

@beingalex：實際上，它取決於您使用的小標題的內容：作爲每篇文章中的章節標題，或作爲整篇文章的副標題。如果你有不止一個章節由它自己的'h2'表示，你可能不想將'h1'和'h2'分組在一起。 – BoltClock

在決定如何使用HTML5構建文檔時遇到同樣的問題。我總是回到這個參考http://html5doctor.com/outlines/來幫助我可視化文檔 –

HTML5結構和標題在章節或文章

回答

相關問題