文章、科室还是分部:哪个是合适的选择？

Question

我知道这是死路一条，相信我，我在这个网站上读过很多答案。我已经做了谷歌搜索，并阅读了规范，我似乎仍然无法决定什么是最正确的方式来模拟这个网站。我只是因为某种原因不能把我的头绕到部分元素上。

我正在建立一个吉他网站，展示一些最喜欢的吉他。我有一个标题，导航，介绍，然后为每一个吉他，最后一个页脚的文章。因此，在标题下面，我最初的想法是将格式设置为：

一节，包含介绍，并包括每把吉他的个别物品：

</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“文件”上)。

我认为你的第一个例子更好。