css - 对于这个例子，我应该使用 div 还是 span？

Question

所以我想编写显示标题、作者和帖子本身的内容部分，我使用的代码是我希望标题在一行的顶部，然后作者在另一行，内容在另一行:

<div id="main">
    <div class="container">
        <div class="title">Title</div>
        <div class="author">Author</div>
        <div class="content">
            Content here
        </div>
    </div>
</div>

或者像这样 span 会是更好的选择吗？

<div id="main">
    <div class="container">
        <span class="title">Title</span>
        <span class="author">Author</span>
        <span class="content">
            Content here
        </span>
    </div>
</div>

或者是否有完全不同且更好的方法来做到这一点？

谢谢。

Answer 1

也许您应该尝试 HTML 语义标记而不是 div？

<section id="main">
    <article>
        <hgroup>
            <h1>Title</h1>
            <h2>author</h2>
        </hgroup>
        <section>
            Content
        </section>
    </article>
</section>