概念: W3C標準是一系列標準的集合,本質是結構標準語言,我們使用的html,css都要遵循這個標準。萬維網聯盟W3C創建於1994年,是Web技術領域最具權威和影響力的國際中立性技術標準機構。它有效促進了web技術相互之間的相容。 為什麼要遵守W3C標準呢?對於我們開發者來說,我們是介於瀏覽器製造 ...
概念:
W3C標準是一系列標準的集合,本質是結構標準語言,我們使用的html,css都要遵循這個標準。
萬維網聯盟W3C創建於1994年,是Web技術領域最具權威和影響力的國際中立性技術標準機構。它有效促進了web技術相互之間的相容。
為什麼要遵守W3C標準呢?
對於我們開發者來說,我們是介於瀏覽器製造商和瀏覽器終端使用者的中間位置,我們要同時滿足瀏覽器製造商和瀏覽器終端使用者的需求,我們要想方設法的讓我們的頁面、我們的程式支持所有的瀏覽器,能夠滿足儘可能多多的用戶。
就像網頁是由三部分組成:結構、表現和行為。 他對應的標準也分三方面:
1.結構化標準語言:
HTML。可擴展標記語言(XML) :最初設計目的是彌補HTML的不足。
XHTML:可擴展超文本標記語言:當初建立XHTML的目的就是實現HTML向XML的過渡。XHTML是一個基於XML的置標語言,XHTML就是一個扮演著類似HTML的角色的XML,所以,本質上說,XHTML是一個過渡技術,結合了部分XML的強大功能及大多數HTML的簡單特性。
XML:可擴展標記語言。XML是Internet環境中跨平臺的,依賴於內容的技術,是當前處理結構化文檔信息的有力工具。擴展標記語言XML是一種簡單的數據存儲語言,使用一系列簡單的標記描述數據,而這些標記可以用方便的方式建立,
2.表現標準語言:CSS3(層疊樣式表):有利於網站的維護。
3.行為標準:主要包括對象模型(DOM)、ECMAScript等。DOM是一種與瀏覽器呢、平臺、語言的介面,是的可以訪問頁面的其他的標準組件。
W3C標準的內容:
1.DOCTYPE
我們經常在一個HTML開頭看到DOCTYPY語句,這實際上就是告訴我們使用的HTML/XHTML是什麼版本。其中的DTD即文檔類型定義,裡面包含了文檔的規則,這是瀏覽器就會根據定義的DTD來解釋頁面的標識,並展示出來。
XHTML1.0提供了三個DTD聲明供選擇:
1) 過渡的(Transitional):要求非常寬鬆的DTD
2) 嚴格的(Strict):要求嚴格的DTD,你不能使用任何表現層的標識和屬性,例如<br>。
3) 框架的(Frameset):專門針對框架頁面設計使用的DTD,如果你的頁面中包含有框架,需要採用這種DTD。
2、定義語言編碼
<meta http-equiv=”Content-Type” content=”text/html;charset=gb2312” >
3、名字空間namespace
<html xmlns=http://www.w3.org/1999/xhtml lang=”gb2312”>
4、JavaScript定義
<script language="javascript" type="text/javascript"> </script>
5、css的定義
CSS必須要用<style type=”text/css”>開頭來定義,而不是原來的直接<style>
6.所有標簽的元素和屬性的名字都必須使用小寫
7.所有的屬性必須用引號""括起來
8.所有的標記都必須要有一個相應的結束標記
9.所有的標記都必須合理嵌套
10.圖片添加有意義的alt屬性。儘可能的讓作為內容的圖片都帶有屬於自己的alt屬性。
11.不要在註釋內容中使用“--”
12.把所有<和&特殊符號用編碼表示。 e.g 任何小於號(<),不是標簽的一部分,都必須被編碼為 <
13.給所有標簽屬性賦一個值
14.在form表單中增加lable,以增加用戶友好度