你是把班级/身份证放在同一个 div 上还是把它们分开？答案

【问题标题】：do you keep class/id on the same div or break them up?你是把班级/身份证放在同一个 div 上还是把它们分开？
【发布时间】：2012-06-08 04:15:12
【问题描述】：

由于我在 yui3 文档中找不到任何内容，因此请在下面询问您的意见。最佳做法是什么？为什么？

<div class="yui3-u-1-3" id="logo">
... content
</div>

或

<div class="yui3-u-1-3">
<div id="logo">
..... content
</div>
</div>

问候，城堡

【问题讨论】：

【解决方案1】：

我认为最佳实践是在纯布局特定的 HTML 上使用 ID。

例如。

话虽如此，如果有任何机会，即使是远程的，您的页面中也可能有多个实例，那么请谨慎行事并使用类。

有一些性能优势（尽管现在几乎可以忽略不计，因为浏览器渲染引擎和速度更快）：

阅读 Jonathan Snook 的 SMACSS 电子书中的精彩部分：https://smacss.com/book/type-layout

【讨论】：

【解决方案2】：

我宁愿使用 CLASS 而不是 ID，直到有明确的内容，从过去 2 年开始一直在使用 yui3 网格。到目前为止一切顺利..

<div class="yui3-u-1-3 logo">
content 
</div>

或

<div class="yui3-u-1-3">
 <h5 class="logo">logo goes here</h5>
</div>

【讨论】：