id与class

• 命名规则：应该根据“是什么”，而不是“长什么样子”来命名。

差的命名：topNav; leftColumn
好的命名：mainNav; secondaryContent

• ID与类的选择
  只有当元素在该页是唯一的才使用ID命名，否则使用类，并且寻找相似功能元素，将他们归为同一个类，这样可以提高代码的复用率。
  但是，若在任何一个元素上都添加类，则是不必要的。可以用<div>将几个相近标签包裹起来，用一个类名来区分。
• 什么时候用<div>
  只有当没有元素能够实现区域分割时才使用<div>,目的是让代码“组件化”，提高灵活性。如果元素本身可以提供这种结构化，则不必要用<div>包裹。如下，没有必要用<div>包裹<ul>,直接在<ul>上应用类即可。

<div class="nav">
<ul>
<li><a href="#">home</a></li>
<li><a href="#">about</a></li>
<li><a href="#">contact</a></li>
</ul>