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>

或者，完全删除section元素是否更合适，只是使用包含四篇文章的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“文件”）。< / p>

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

文章，部分或部门：哪个是正确的选择？

1 个答案: