- CSS統(tǒng)籌：就是告訴我們?nèi)绾螌懢W(wǎng)頁，即寫網(wǎng)頁時的注意事項，換句話說就是頁面優(yōu)化
- 統(tǒng)籌分為：HTML文檔的統(tǒng)籌、CSS文件的統(tǒng)籌、以文檔為單位的文檔統(tǒng)籌
- HTML文檔的統(tǒng)籌
a) <tilte></title>的合理利用：在書寫HTML文件時要正確填寫網(wǎng)頁的標題，標題可以是網(wǎng)站的名稱或者是一句精簡的話，用來描述網(wǎng)站功能
b) <meta>標簽的合理利用
<meta charset=”utf-8” />：設(shè)置字符集，用來解析中文
<meta name=”keywords” content=”關(guān)鍵字1，關(guān)鍵字2，關(guān)鍵字3…” />，注意關(guān)鍵字間用逗號分隔，個數(shù)在7-10個為宜，瀏覽器對位于前面的關(guān)鍵字最為敏感
<meta name=”description” content=”描述網(wǎng)站的詳細信息”/>，注意此處可以寫一段話用來描述網(wǎng)站的功能，特點，作用
c) <a>的合理使用
最好給純文本加超鏈接
不要或者少給Flash動畫加超鏈接，因為瀏覽器對Flash動畫上面的文字不敏感，不利于瀏覽器快速定位我們的頁面
少給圖片加超鏈接，原因同上
給超鏈接加title屬性，此屬性可以告訴網(wǎng)頁瀏覽者超鏈接的鏈接對象
d) <Img>的合理利用
盡可能使用小體積圖片，因為圖片體積過大會影響頁面加載速度
能用CSS修飾的效果就不要用圖片，原因同上
給圖片加alt屬性，該屬性可以讓圖片無法加載時有一個提示，該屬性的值可以寫，如下內(nèi)容
[圖片上傳中。。。（1）] 圖片名稱或地址
[圖片上傳中。。。（2）] 對圖片內(nèi)容的描述性信息
e) 友情鏈接的合理利用：在頁面的下端適當添加友情鏈接，因為友情鏈接涉及PR值，這個概念是谷歌公司提出的，它認為PR值越高，網(wǎng)站的重要性越大，但是不要盲目添加友情鏈接，否則谷歌公司會認為你在作弊，會清除您的PR值，設(shè)置友情鏈接時，需要注意以下事項
鏈接同類型的網(wǎng)站
鏈接知名度較高的網(wǎng)站
更為重要的是提升自己網(wǎng)站的知名度
f) 網(wǎng)站地圖的合理利用：所謂網(wǎng)站地圖是指網(wǎng)站中的一個具有大量超鏈接的頁面，通過該頁面可以訪問網(wǎng)站各個模塊，也可以給瀏覽器一個宏觀的印象，方便瀏覽器快速定位網(wǎng)站中的頁面
g) 避免大體積頁面，通常認為體積超過100KB為大體積頁面，之所以會出現(xiàn)大體積頁面，可能的原因是網(wǎng)頁結(jié)果過為復(fù)雜，所以一個原則，使用最少的代碼，實現(xiàn)最多的效果
h) 有一個清晰的HTML文檔結(jié)構(gòu) - CSS文檔的統(tǒng)籌
a) 合理利用ID和class
ID：在書寫網(wǎng)頁結(jié)構(gòu)時可以使用ID，如top/bottom/left/right/header/footer
class：在選取元素后設(shè)置樣式時，通常使用class,如class=”border”
b) CSS命名規(guī)則
由字母、數(shù)字、下劃線、連字符構(gòu)成
不可以是數(shù)字開頭
不可以包含中文
不可以是關(guān)鍵字
不區(qū)分大小寫，但是建議用小寫
見名知意
第十二篇 CSS-09
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。
推薦閱讀更多精彩內(nèi)容
- 問答題47 /72 常見瀏覽器兼容性問題與解決方案？ 參考答案 (1)瀏覽器兼容問題一：不同瀏覽器的標簽?zāi)J的外補...
- Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
