文章，科室或部門：哪個是正確的選擇？

Question

我知道這是死的，相信我，我已經閱讀了很多關於這個網站的答案。我已經完成了谷歌搜索和規範的閱讀，而且我似乎仍然無法確定模擬此網站的最正確的語義方法。出於某種原因，我無法繞過節元素。

我設置了一個吉他現場展示一些最喜歡的吉他。我有一個標題，導航，介紹，然後是每個吉他的文章，最後是頁腳。所以，標題下面，我原以爲會是格式化如下：

A節，包含了介紹，幷包括每個吉他個別條款：

</header> 
<section class="main" role="main"> 
    <h1>The Guitars</h1> 
    <p>Intro text...</p> 
    <p>More intro text...</p> 
    <article class="guitar-1"> 
     <h1>Gibson Les Paul '57 Goldtop</h1> 
     <img class="guitar-photo" /> 
     <h2>Specs:</h2> 
     <p>Spec Details...</p> 
     <h2>Thoughts:</h2> 
     <p>Thoughts...</p> 
    </arcicle> 
    <article class="guitar-2"> 
     <h1>Music Man JP12</h1> 
     <img class="guitar-photo" /> 
     <h2>Specs:</h2> 
     <p>Spec Details...</p> 
     <h2>Thoughts:</h2> 
     <p>Thoughts...</p> 
    </article> 
    <article class="guitar-3"> 
     <h1>JCS Rhoads RR1T</h1> 
     <img class="guitar-photo" /> 
     <h2>Specs:</h2> 
     <p>Spec Details...</p> 
     <h2>Thoughts:</h2> 
     <p>Thoughts...</p> 
    </article> 
</section> 
<footer> 

還是應該介紹實際上是一篇文章以及：

</header> 
<section class="main" role="main"> 
    <article class="intro">   
     <h1>The Guitars</h1> 
     <p>Intro text...</p> 
     <p>More intro text...</p> 
    </article> 
    <article class="guitar-1"> 
     <h1>Gibson Les Paul '57 Goldtop</h1> 
     <img class="guitar-photo" /> 
     <h2>Specs:</h2> 
     <p>Spec Details...</p> 
     <h2>Thoughts:</h2> 
     <p>Thoughts...</p> 
    </arcicle> 
    <article class="guitar-2"> 
     <h1>Music Man JP12</h1> 
     <img class="guitar-photo" /> 
     <h2>Specs:</h2> 
     <p>Spec Details...</p> 
     <h2>Thoughts:</h2> 
     <p>Thoughts...</p> 
    </article> 
    <article class="guitar-3"> 
     <h1>JCS Rhoads RR1T</h1> 
     <img class="guitar-photo" /> 
     <h2>Specs:</h2> 
     <p>Spec Details...</p> 
     <h2>Thoughts:</h2> 
     <p>Thoughts...</p> 
    </article> 
</section> 
<footer> 

或者，將節段元素完全放下，並且只是使用包含四篇文章的div進行更合適？

</header> 
<div class="main" role="main"> 
    <article class="intro">   
     <h1>The Guitars</h1> 
     <p>Intro text...</p> 
     <p>More intro text...</p> 
    </article> 
    <article class="guitar-1"> 
     <h1>Gibson Les Paul '57 Goldtop</h1> 
     <img class="guitar-photo" /> 
     <h2>Specs:</h2> 
     <p>Spec Details...</p> 
     <h2>Thoughts:</h2> 
     <p>Thoughts...</p> 
    </arcicle> 
    <article class="guitar-2"> 
     <h1>Music Man JP12</h1> 
     <img class="guitar-photo" /> 
     <h2>Specs:</h2> 
     <p>Spec Details...</p> 
     <h2>Thoughts:</h2> 
     <p>Thoughts...</p> 
    </article> 
    <article class="guitar-3"> 
     <h1>JCS Rhoads RR1T</h1> 
     <img class="guitar-photo" /> 
     <h2>Specs:</h2> 
     <p>Spec Details...</p> 
     <h2>Thoughts:</h2> 
     <p>Thoughts...</p> 
    </article> 
</div> 
<footer> 

我很熟悉的規範，但它只是似乎很廣，也許我只需要它明確了有點緊張，充分掌握我應該在這裏做什麼。

我真的期待着聽到這一個社區的答案。

謝謝。

Answer 1

命名約定歸結爲個性和編程方式。你想盡可能讓它可讀。所以想想一本雜誌，你有不同的主題（比如說音樂，電影，書籍），我們可以稱之爲'章節'。然後我們有來自不同作者的所有創意，我們可以稱之爲'文章'。新的移動網站可以很好地工作，以便在不加載新數據的情況下更改網頁（數據已預先加載，但您可以使移動節目一次一個節目，就像您的導航一樣，但您實際上位於相同的pgae「文件」中）。

我認爲你的第一個例子更好。