精通css進階web標準解決方案（第一章）學習總結

一、語義化的html標記的好處：

1.對人來說容易處理，對機器（搜尋引擎）來說容易理解。

2.可以直接對元素設定樣式，不需要添加其他標識符，可以有效避免代碼膨脹。

二、h4是文檔標記語言創造的，而不是介面語言，沒有更多的語義化元素。現在給元素語義化主要有兩種方式：

1.使用h5標記（h5中有header，section，article，footer，nav等語義化標記）。

2.使用class和id來給現有元素賦語義。

注意：

1.用id和class為元素命名應該根據他們是什麼，而不是根據他們的外觀如何來命名，可以參考bootstrap。

2.不要濫用class，刪除不必要的class有利於簡化代碼，使頁面更加簡潔。

三、div和span都是添加頁面結構的元素。

注意：

1.不要過渡使用div（divitus）

2.應該在沒有現有元素能實現地區分割的情況下使用div，下面的例子就不用加div：

1 <div class="nav">2    <ul>3       <li></li>4       <li></li>5    </ull>       6 </div>

可以直接用下面的代碼：

<ul class="nav">     <li></li>     <li></li></ull>

3.用div和span的時候要知道什麼時候必須進行折中，並且知道正確的原因。

4.其實div也是有語意的，就是一個塊（box）。

四：文件類型

1.DTD：document type defer 是一組機器可讀規則。定義xml或者html的特定版本中應該出現什麼，不允許出現什麼。

2.doctype：瀏覽器通過分析頁面中doctype聲明來瞭解使用哪個DTD，由此知道使用html的哪個版本(DTD是由doctype來聲明的)。

小結：所以doctype是定義使用哪個DTD版本，DTD是來定義使用哪個html版本。所以doctype直接決定了使用哪個html版本。

當然doctype除了根據語義加標籤外（選哪個版本），還有有效性驗證的功能，瀏覽器模式選擇，doctype切換（偵聽）：根據doctype是否存在選擇呈現的模式，作用是瀏覽器用來區分遺留文檔和符合標準文檔的手段。