- 在分配ID和類名是盡量與表現(xiàn)方式無關(guān)又碌,想想如果頁面都已表現(xiàn)方式命名,如表單通知都為red類擅腰,當(dāng)要讓通知顯示為黃色時,就不好改了翁潘。所以應(yīng)該以它是什么命名趁冈,而不是“它們的外觀如何”來命名.
- 類功能強(qiáng)大但也可能被過度使用或?yàn)E用。css新手常常在幾乎所用東西上添加類拜马,從而試圖更精細(xì)地控制它們nederland樣式渗勘。早期的WYSIWYG編輯器也傾向于在應(yīng)用樣式的每個地方都添加類,這是一個壞習(xí)慣俩莽,稱為‘多類癥’旺坠,在文檔中添加了無意義的代碼。
<h2 class="news-head">this is new head</h2>
<p class="news-text">
this is news text
</p>
<p class="news-text"><a href='news.php' class="news-link">More</a></p>
這里每個元素被標(biāo)為新聞的一部分扮超。但是不需要這么多取刃,可以將新聞條目放在一部分蹋肮,并加上類名news,從而標(biāo)識整個新聞條目璧疗。
<div class='news'>
<h2>this is new head</h2>
<p>
this is news text
</p>
<p><a href='news.php'>More</a></p>
</div>
這種方式刪除不必要的類有助于簡化代碼坯辩,從而使頁面跟整潔,更組件化崩侠,大大提高靈活性漆魔。
- 文檔類型,DOCTYPE切換和瀏覽模式
3.1. DTD(文檔類型定義)是一組機(jī)器可讀的規(guī)則却音,它們定義XML或HTML的特定版中中允許什么改抡,不允許什么。在網(wǎng)頁解析時通過這檢查網(wǎng)頁的有效性并采取相應(yīng)措施系瓢。瀏覽器通過DOCTYPE聲明來了解使用哪個DTD由此知道使用HTML的哪個版本阿纤。
XHTML1.0聲明
3.2. 瀏覽器模式
當(dāng)瀏覽器廠商創(chuàng)建與標(biāo)準(zhǔn)兼容的瀏覽器時,他們希望確保向后兼容八拱,所以創(chuàng)建了兩種呈現(xiàn)模式:標(biāo)準(zhǔn)模式和混雜模式阵赠。在標(biāo)準(zhǔn)模式中,瀏覽器根據(jù)規(guī)范呈現(xiàn)頁面肌稻;混雜模式中以寬松的向后兼容的方式清蚀。
兩種模式的差異,最顯著的是在IE6中爹谭,標(biāo)準(zhǔn)模式下是正確的盒式模型枷邪,在混雜模式下使用老式的專有模型。Opera7和更高版本也在混雜模式中使用老式IE盒式模型诺凡。
Mozilla和Safari還有第三種模式东揣,‘幾乎標(biāo)準(zhǔn)的模式’,除了在處理表格的方式上有些差異外腹泌,這種模式與標(biāo)準(zhǔn)模式相同嘶卧。
3.3. DOCTYPE切換
瀏覽器根據(jù)DOCTYPE是否存在以及使用哪種DTD來選擇呈現(xiàn)方法。如果XHTML文檔包含形式完整的DOCTYPE凉袱,一般以標(biāo)準(zhǔn)模式呈現(xiàn)芥吟。對于HTML4.01文檔,包含嚴(yán)格DTD的DOCTYOE常常導(dǎo)致頁面以標(biāo)準(zhǔn)模式呈現(xiàn)专甩。包含過渡DTD和URI的DOCTYPE也是以標(biāo)準(zhǔn)模式呈現(xiàn)钟鸵,但是過渡DTD而沒有URI則以混雜模式呈現(xiàn)。DOVTYPE不存在或形式不正確則以混雜模式呈現(xiàn)涤躲。
小結(jié)
本章了解命名的原則棺耍,html版本,瀏覽器間的差異