認識並遵循W3C標準,將代碼規範化

1什麼是W3C標準?

W3C標準不是一個標準,而是一系列的標準。

它包括:→  結構標準表現標準動作標準

結構化標準語言:XHTMLXML;表現化標準語言:CSS;動作化標準語言:JavaScript.

2XHTML語言規範


文檔方面

必須定義文檔類型(DTD)和名字空間

文檔類型:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
名字空間:<html xmlns="http://www.w3.org/1999/xhtml">

其實在我們的DreamWeaver中就可以自動生成的了,大家不必死記


標籤方面

①所有標籤均要小寫,關閉,合理嵌套,ID不能重複.

②標籤屬性要有值,屬性值要加雙引號且不能空.

③圖片一定要加上alt屬性.

④表格標籤不準使用height屬性,可以用width屬性

⑤禁止使用<embed> <iframe>屬性

⑥鏈接不準使用target屬性(Strict標準)


內容模型(Strict標準)

①body、form、blockquoto僅能包含塊狀元素

②文本、圖像、鏈接等內聯元素不允許直接裸露在body中,必須被<p>或者<div>等塊狀元素包含

③內聯元素不能包含塊狀元素


其他方面

①註釋中禁止使用"-------".

②所有特殊符號使用編碼表示


大家看到Strict標準是否有疑惑呢?不是說好的XHTML規範的嗎?因爲人們習慣html代碼,習慣難改,所以W3C就開放3個標準,一個是語法比較寬鬆的:transitional ;一個是語法嚴格的:strict ; 一個是包含框架的:frameset.我們一般用的是transitional標準,而外國大多數是strict標準,而當你的網頁運用到框架的時候就用frameset標準.現在大家清楚了吧?

3使用W3C標準有什麼好處?

首先,我們要明白W3C標準的本意是“結構和表現徹底分離 ".當結構和表現分離後,標準頁面的優勢就體現出來了。

①代碼少,結構清晰 ②更好的兼容性和擴展性  ③頁面靈活性強


最後,謝謝大家觀看Sunyuan的文章。



發佈了29 篇原創文章 · 獲贊 15 · 訪問量 5萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章