書寫HTML+CSS的好習慣

標籤：根據   doc   樣式   lis   div   搜尋引擎   html+css   span   stp   

1.       使用帶有語義的標記

2.       建立良好的標記

a)         選擇合適的DOCTYPE，這是一個健壯文檔所必須的

b)         指定語言和字元集，一些搜素引擎會根據搜尋請求的語言來過濾搜尋結果

c)         指定標題，無論是收藏還是搜尋引擎對標題中的內容都有偏愛

d)         選用恰當的元素

e)         避免過度使用div和span

f)          儘可能少的使用標籤

g)         適當使用class和id

3.       CSS

a)         建立並測試CSS時，首先在最進階，最先進的瀏覽器中進行，然後再考慮其他瀏覽器

b)         若用浮動實現布局，請確保正確的清楚了浮動

c)         嘗試略微減少百分比的值，因為瀏覽器有時計算50%+50%可能會等於100.1%，所以，可以嘗試將50%改為49%。

d)         Link visited hover Active （愛恨原則）

 

e)         測試開發使用內建樣式，發布時改為外部樣式

1.       使用帶有語義的標記

2.       建立良好的標記

a)         選擇合適的DOCTYPE，這是一個健壯文檔所必須的

b)         指定語言和字元集，一些搜素引擎會根據搜尋請求的語言來過濾搜尋結果

c)         指定標題，無論是收藏還是搜尋引擎對標題中的內容都有偏愛

d)         選用恰當的元素

e)         避免過度使用div和span

f)          儘可能少的使用標籤

g)         適當使用class和id

3.       CSS

a)         建立並測試CSS時，首先在最進階，最先進的瀏覽器中進行，然後再考慮其他瀏覽器

b)         若用浮動實現布局，請確保正確的清楚了浮動

c)         嘗試略微減少百分比的值，因為瀏覽器有時計算50%+50%可能會等於100.1%，所以，可以嘗試將50%改為49%。

d)         Link visited hover Active （愛恨原則）

e)         測試開發使用內建樣式，發布時改為外部樣式

書寫HTML+CSS的好習慣