<分区>
我一直在构建一个网站并尝试应用大部分 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 标签了。这有什么后果吗？这是一种不好的做法还是会导致任何 SEO 问题？
最佳答案
当其他标签更合适时，不使用 div 没有什么不好的做法。您可能会发现在没有容器 div 的情况下很难将部分代码组合到组中，但除了那些特定的用例之外，没有真正的缺点。
如果没有其他新标签定义您正在使用的内容，则 <div>是要走的路。
关于html - CSS/HTML - Div 与否？ (最佳实践)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22204165/