CSS教程：合理的減少標簽的使用并適度的使用class與id_CSS教程
教程Tag：暫無Tag,歡迎添加,賺取U幣!
版權聲明：MB5U.com原創(chuàng)，未經同意，謝絕轉載！
我們需要明白一點：HTML標簽使用的越少越好。事實也證實了確實如此。我們想要創(chuàng)建具有良好結構的文檔，那我們始終就需要考慮盡量少的使用標簽。僅僅使用必須的標簽，將其它可有可無的標簽統統扔掉吧。我們僅僅保留了必要的標簽，可以讓文檔保持較小的體積，從而提高了頁面的下載速度。從另一個方面來說，標簽的減少也能夠讓瀏覽器以更快的速度進行解析而顯示在屏幕上。當然我們所說的是必要與不必要，假如必須需要某種容器來布局，那是不可以省略的。
我們看下面的例子：
我們?yōu)樵靥砑舆m當的標識可以讓我們在CSS的編寫中更輕易控制他們，更能精確的為CSS樣式找到目標。而且id還可以與javascript關聯起來，做出一定的效果與交互。我們都知道：id是獨一無二的，在同一個頁面上id只能出現一次。而class是一類可以重用的屬性，我們可以重復的應用到頁面的多個元素上。
一個class可以應用于多個元素，而一個元素同樣可以應用多個class。我們也可以為一個賦予了id的元素應用class。但我們必須要時刻提醒自己，id的唯一性，只能出現一次，只能為一個元素指定一個唯一的id。而class與id的命名，我們最輕易犯錯的就是以數字開頭進行命名，如1main、12text。這樣都是不正確的，正確的方法是：a-z、A-Z、0-9、“_”，但千萬別以數字開頭進行命名。只能以字母開頭進行命名。我們明白很多瀏覽器對這樣的命名大小寫并不敏感，但我們也要養(yǎng)成良好的編碼習慣，進行習慣性的定義與統一。
我們看下面的例子：
版權聲明：MB5U.com原創(chuàng)，未經同意，謝絕轉載！
我們需要明白一點：HTML標簽使用的越少越好。事實也證實了確實如此。我們想要創(chuàng)建具有良好結構的文檔，那我們始終就需要考慮盡量少的使用標簽。僅僅使用必須的標簽，將其它可有可無的標簽統統扔掉吧。我們僅僅保留了必要的標簽，可以讓文檔保持較小的體積，從而提高了頁面的下載速度。從另一個方面來說，標簽的減少也能夠讓瀏覽器以更快的速度進行解析而顯示在屏幕上。當然我們所說的是必要與不必要，假如必須需要某種容器來布局，那是不可以省略的。
我們看下面的例子：
示例代碼 [www.wf0088.com]
這是多用了標簽
<div>
<p>
這里是MB5U.com。歡迎您的到來！MB5U.com致力于Web標準在中國的應用及發(fā)展！我們提供了許多文章及實例，您可以在這里學習到很多關于Web標準及CSS網頁布局的知識，希望這里的內容對您的工作及學習有所幫助。我們期待著您與我們交流，歡迎多提寶貴意見。
</p>
</div>
<div>
<p>
這里是MB5U.com。歡迎您的到來！MB5U.com致力于Web標準在中國的應用及發(fā)展！我們提供了許多文章及實例，您可以在這里學習到很多關于Web標準及CSS網頁布局的知識，希望這里的內容對您的工作及學習有所幫助。我們期待著您與我們交流，歡迎多提寶貴意見。
</p>
</div>
示例代碼 [www.wf0088.com]
這是減少了不必要的標簽：
<p>
這里是MB5U.com。歡迎您的到來！MB5U.com致力于Web標準在中國的應用及發(fā)展！我們提供了許多文章及實例，您可以在這里學習到很多關于Web標準及CSS網頁布局的知識，希望這里的內容對您的工作及學習有所幫助。我們期待著您與我們交流，歡迎多提寶貴意見。
</p>
<p>
這里是MB5U.com。歡迎您的到來！MB5U.com致力于Web標準在中國的應用及發(fā)展！我們提供了許多文章及實例，您可以在這里學習到很多關于Web標準及CSS網頁布局的知識，希望這里的內容對您的工作及學習有所幫助。我們期待著您與我們交流，歡迎多提寶貴意見。
</p>
我們?yōu)樵靥砑舆m當的標識可以讓我們在CSS的編寫中更輕易控制他們，更能精確的為CSS樣式找到目標。而且id還可以與javascript關聯起來，做出一定的效果與交互。我們都知道：id是獨一無二的，在同一個頁面上id只能出現一次。而class是一類可以重用的屬性，我們可以重復的應用到頁面的多個元素上。
一個class可以應用于多個元素，而一個元素同樣可以應用多個class。我們也可以為一個賦予了id的元素應用class。但我們必須要時刻提醒自己，id的唯一性，只能出現一次，只能為一個元素指定一個唯一的id。而class與id的命名，我們最輕易犯錯的就是以數字開頭進行命名，如1main、12text。這樣都是不正確的，正確的方法是：a-z、A-Z、0-9、“_”，但千萬別以數字開頭進行命名。只能以字母開頭進行命名。我們明白很多瀏覽器對這樣的命名大小寫并不敏感，但我們也要養(yǎng)成良好的編碼習慣，進行習慣性的定義與統一。
我們看下面的例子：
示例代碼 [www.wf0088.com]
<p class="12text"></p>
<div id="footer"><p id="footer"> </p></div>
上面兩個是錯誤的例子。
<body class="homepage">
<p id="contact"></p>
<div id="main" class="main_a softcor solid_sider"> </div>
上面三個是正確的例子。
<div id="footer"><p id="footer"> </p></div>
上面兩個是錯誤的例子。
<body class="homepage">
<p id="contact"></p>
<div id="main" class="main_a softcor solid_sider"> </div>
上面三個是正確的例子。
版權聲明：MB5U.com原創(chuàng)，未經同意，謝絕轉載！
相關CSS教程：
- 相關鏈接：
- 教程說明：
CSS教程-CSS教程：合理的減少標簽的使用并適度的使用class與id
。