Question

我一直在建立一个网站并尝试应用大部分HTML5 / CSS3，我自己也提出了一个问题。

所以，我有以下CSS ...

section.t aside div.bio{
    float: left;
    margin-top: 12px;
}

section.t aside div.bio p{
    color: #555;
    line-height: 18px;
}

HTML ...

<aside>
    <h1>Title</h1>
    <ul>
        <li><a href="#">###</a></li>
    </ul>
    <div class="bio">
        <p>Text</p>
    </div>
</aside>

然后我将CSS改为......

section.t aside p.bio{
    float: left;
    margin-top: 12px;
    color: #555;
    line-height: 18px;
}

所以HTML的最后一部分简化为......

<aside>
    <h1>Title</h1>
    <ul>
        <li><a href="#">###</a></li>
    </ul>
    <p class="bio">Bio</p>
</aside>

基本上，我确实放弃了包裹p的div，并给了p样式。结果完全一样。

我的问题是，如果在第一种情况下将内容包装在div中是否有任何优势？不是吗？

我确实意识到我的整个网站几乎没有div标签了。对此有什么影响吗？这是一种不好的做法还是造成任何麻烦？

Answer 1

当其他标签更合适时，不使用div是没有坏习惯的。您可能会发现很难将部分代码组合成没有容器div的组，但除了那些特定的用例之外，没有真正的缺点。

如果没有其他新标签定义您正在使用的内容，则<div>即可。

Answer 2

如果不需要div，则绝对删除它。没有必要为了它而混淆你的标记。

我在编写HTML时的工作流程是首先将其作为文档编写。因此，只需添加文档正确读取所需的语义标记。

然后，如果我需要使用div或span这样的元素来表示文档的样式，那么我会这样做，因为这就是它们的用途。