HTML:css
1.標籤的有開有合。
2.避免冗餘代碼,例如去除空格字符。
3.合理利用標籤語義化。
4.合理的嵌套規則,避免行元素內嵌套塊元素。
5.img標籤內須要添加title屬性和alt屬性。
6.a標籤內須要添加title屬性。
7.Meta標籤的優化(過去搜索引擎優化的重要手法,如今已經不是關鍵因素,但仍不可忽略)主要包括: Meta description、Meta keywords的設置 關鍵字密度要適度,一般爲2%-8%,也就是說你的關鍵字必須 在 頁面中出現若干次,或者在搜索引擎容許的範圍內,要避免堆砌關鍵字。
8.<title>頁面標題,必須列出信息的標題、網站的名稱以及相關關鍵字,避免堆關鍵字。
9.合理使用註釋。
CSS:
1.避免將css代碼寫在標籤內。
2.若是css代碼量少,可直接寫在頭部。不然請使用外部引入的方式。
3.請不要使用通配符選擇器 *{margin:0;padding:0;} 這不單單由於它是緩慢和低效率的方法,並且還會致使一 些沒必要要的元素也重置了外邊距和內邊距。請引用reset文件,引用reset文件在本身定義的css文件以前。
4.css代碼縮寫能夠提升你寫代碼的速度,精簡你的代碼量,包括margin,padding,border ,font, background和顏色值等。
5.利用css繼承,若是一個父元素內有多個子元素擁有相同的樣式,可將相同的樣式定義在元素上。
6.若是多個元素擁有相同的樣式,可定義一個通用的class或使用羣組選擇器。
7.使用背景圖合併技術。
8.適當的代碼註釋。
JS:
1.採用外部引入的方法。
2.合理合併JS代碼,可減小服務器的壓力。
3.良好的JS代碼習慣。例如:減小頁面重繪,減小做用域鏈上的查找次數。