id與class

• 命名規(guī)則：應(yīng)該根據(jù)“是什么”，而不是“長什么樣子”來命名。

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

• ID與類的選擇
  只有當(dāng)元素在該頁是唯一的才使用ID命名，否則使用類，并且尋找相似功能元素，將他們歸為同一個類，這樣可以提高代碼的復(fù)用率。
  但是，若在任何一個元素上都添加類，則是不必要的。可以用<div>將幾個相近標(biāo)簽包裹起來，用一個類名來區(qū)分。
• 什么時候用<div>
  只有當(dāng)沒有元素能夠?qū)崿F(xiàn)區(qū)域分割時才使用<div>,目的是讓代碼“組件化”，提高靈活性。如果元素本身可以提供這種結(jié)構(gòu)化，則不必要用<div>包裹。如下，沒有必要用<div>包裹<ul>,直接在<ul>上應(yīng)用類即可。

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