HTML:WEB標准從頭開始

在較早之前的網頁上,我們經常可以看到如下的網頁結構代碼:

<html>

<head>

<title>這是一個網頁</title>

<meta name=”…” content=”…” />

……

</head>

<body>

……

</body>

</html>

很顯然的,這種結構的網頁代碼是不符合Web標准規範的,但是浏覽器仍然可以很好的呈現出這個網頁來,只要代碼沒出什麽錯誤。這個其實就像是用Table布局的頁面跟Div構架的頁面一樣,浏覽器都可以呈現出來,關健是哪個頁面呈現的質量會更高。

做出一個頁面,跟做好一個頁面,中間有著很遙遠的距離。

在浏覽器的發展曆程中,微軟憑借著將Internet Explorer捆綁進Windows操作系統中,從來成爲浏覽器市場上的霸主,從而也造成了一系列的IE對W3C組織所制定的Web標准于不顧的事情,微軟的IE一直都只遵循自家的Web標准。很慶幸的是,微軟決定在他的IE8中支持Web標准,雖然這事還沒最終確定。除微軟的IE外,Mozilla Firefox、Apple Safari、Opera、Chrome等浏覽器則以支持Web標准的名義與IE做得長久的對抗。

浏覽器的不同,于是就造成了對HTML代碼默認解析的不同,所以即使同樣的代碼在不同的浏覽器下也可能呈現出不同的樣式來,于是這就需要有一份衆浏覽器都遵循的規則來協調衆浏覽器之間的差異,這份規則需要一個聲明來引用它,這個聲明就是DOCTYPE——document type(文檔類型)。

DOCTYPE聲明是標准網頁中必不可少的部分,所以,想要制作一個符合W3C標准的網頁,首先就需要爲這個頁面聲明一個文檔類型。DOCTYPE所聲明的DTD(文檔類型定義)分爲三種,分別是:

Transitional(過渡的):要求不是很嚴格的DTD,允許你繼續在頁面中使用HTML4.01的標簽;

Strict(嚴格的):這是制作頁面時理想的DTD方式,但是這個文檔類型定義不允許使用任何的表現層上的標簽和屬性;

Frameset(框架的):這個專門針對頁面設計中包含有框架的DTD。

由于框架型的設計可能對網頁在搜索引擎中收錄的影響,很多網頁中都不使用框架設計;而Strict的DTD對于大多數人來說還只是一種理想化的方式;Transitional型的DTD則是目前最適用也是使用最廣泛的文檔類型定義。現在隨便打開一個符合Web標准的網頁,都可以在頁面的最開始處看到這樣一句聲明:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

這是一個關于XHTML網頁文檔的DOCTYPE聲明。當然並不是說DOCTYPE聲明只能針對XHTML網頁文檔,對于使用HTML4.01的網頁文檔來說,同樣可以使用DOCTYPE聲明:

過渡的DTD:

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>

嚴格的DTD:

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>

唯一需要注意的是,DOCTYPE聲明的位置必須是位于頁面的最開始處,在DOCTYPE聲明代碼之前不能出現任何的代碼或是標簽,否則頁面中的標簽或是CSS樣式可能會失效。

解讀HTML:WEB標准的誤解
在HTML4 Elements中共計有91個標簽,然而在這麽多的標簽中經常被使用到的標簽不到四分之一,在這些常用的標簽中有兩個標簽是屬于最通用型的——div、span,這兩個結構性的標簽因爲本身不帶呈現樣式及語義而被廣泛的用...查看完整版>>解讀HTML:WEB標准的誤解
 
HTML之路--XHTML&CSS最佳實踐指南(Web開發系列叢書)|報價¥23.70|圖書,計算機與互聯網,程序設計,網絡編程,HTML,Patrick Griffiths
目錄:圖書,計算機與互聯網,程序設計,網絡編程,HTML,品牌:Patrick Griffiths基本信息·出版社:機械工業出版社·頁碼:208 頁碼·出版日:2008年·ISBN:9787111235606·條碼:9787111235606·版次:1版·裝幀:平...查看完整版>>HTML之路--XHTML&CSS最佳實踐指南(Web開發系列叢書)|報價¥23.70|圖書,計算機與互聯網,程序設計,網絡編程,HTML,Patrick Griffiths
 
HTML之路--XHTML&CSS最佳實踐指南(Web開發系列叢書)|報價¥23.70|圖書,計算機與互聯網,程序設計,網絡編程,HTML,Patrick Griffiths
目錄:圖書,計算機與互聯網,程序設計,網絡編程,HTML,品牌:Patrick Griffiths基本信息·出版社:機械工業出版社·頁碼:208 頁碼·出版日:2008年·ISBN:9787111235606·條碼:9787111235606·版次:1版·裝幀:平...查看完整版>>HTML之路--XHTML&CSS最佳實踐指南(Web開發系列叢書)|報價¥23.70|圖書,計算機與互聯網,程序設計,網絡編程,HTML,Patrick Griffiths
 
WEB高手培訓班之HTML篇
  記得在本人剛開始學習編寫網頁時曾向一位WEB高手請教過如何用FRONTPAGE 98來制作一張絢麗多姿的個人網頁。他告訴我,他制作網頁時不用任何網頁制作軟件,而是靠手寫的。當時我一下子愣住了,“WHAT?手寫網頁!O...查看完整版>>WEB高手培訓班之HTML篇
 
從wordpress-cache插件看web靜態HTML生成的策略
1 第一次訪問,檢查該文件是否存在,如果沒有緩存,從數據庫中取出文件放到緩存裏面,以後訪問,就直接從緩存裏面取。每一個靜態頁面都需要一個輔助的meta文件,例如wp-cache-12345.meta爲什麽需要獨立的meta?因爲返...查看完整版>>從wordpress-cache插件看web靜態HTML生成的策略
 
制作WEB在線編輯器-插入HTML標簽
以前認爲WEB的在線編輯器無非就是對輸入內容的替換以及快捷的插入HTML代碼,但是做的時候卻發現雖然原理是那樣,但是實現方法並非我想的那麽死板。由于很少做UI上的東西所以到現在才知道在document中有execCommand方...查看完整版>>制作WEB在線編輯器-插入HTML標簽
 
WEB高手培訓班之HTML篇
  記得在本人剛開始學習編寫網頁時曾向一位WEB高手請教過如何用FRONTPAGE 98來制作一張絢麗多姿的個人網頁。他告訴我,他制作網頁時不用任何網頁制作軟件,而是靠手寫的。當時我一下子愣住了,“WHAT?手寫網頁!O...查看完整版>>WEB高手培訓班之HTML篇
 
WEB-ASP:返回一個ASP頁面執行後的靜態HTML代碼
用這個獲取頁面內容,然後用郵件發出去!下面是遠程獲取內容的代碼content=getHTTPPage("") response.write content function getHTTPPage(url) on error resume next dim http set http=Server.create...查看完整版>>WEB-ASP:返回一個ASP頁面執行後的靜態HTML代碼
 
Web應用導出Excel報表的簡單實現(HTML)
Web應用導出Excel報表的簡單實現 在Web應用中,很多數據經常要導出成Excel文檔。用專門的生成真正的Excel文檔的方式比較複雜,不太好用。所以經常用一種簡單的方式來實現,即將報表保存爲HTML格式,然後用Excel...查看完整版>>Web應用導出Excel報表的簡單實現(HTML)
 
 
回到王朝網路移動版首頁