作為網站技術開發人員而言,往往（wǎng）是站在自己的開發角度來實 施網站布署(讀取數據及開發的方（fāng）便性等等),而不是站在網站訪問者與搜索引擎角度。因此大部分的網站在瀏覽方（fāng）麵不夠直觀或是方便,特別是現（xiàn）在w3c的規範,更是在大部（bù）分的網站開發人員腦（nǎo）裏（lǐ）一片空白。何況百度 、google、msn、yahoo等專業搜索引（yǐn）擎更有自己的搜索規則及判斷網頁等（děng）級（jí）技術,所以網站要優化,優（yōu）化的目的隻有一個：符合標準（zhǔn）,符合蜘蛛爬行的標準,更重要的（de）是符合網（wǎng）站（zhàn）訪問者瀏覽的方便（biàn）及易用性。以下文章中，AB織夢模板網主要通過三個方麵來講述有關W3C!

 

什麽是W3C標準

W3C其實就是World Wide Web Consortium,全球（qiú）萬維網聯（lián）盟（méng）的簡（jiǎn）稱。W3C的主要職責就是確定未來萬維網的發展方向,並且製定相（xiàng）關（guān）的（de）推（tuī）薦(recommendation, 由（yóu）於W3C是一個（gè）民間組織,沒有（yǒu）約（yuē）束性,因此（cǐ）隻提供（gòng）建議)。HTML4.01規範（fàn）建議(HTML4.01 Specification Recommendation)就是由W3C所製定的。它還負責製定XML,MathML等其他網絡語言規範。

 

怎樣通（tōng）過W3C標準的驗證?

步驟方法如下：

1、圖片的（de）alt="" 屬性必須每張圖片都加（jiā）上（shàng），而且（qiě）對齊屬性用CSS來定義。不加不能通過XHTML 1.0的驗證。

2、每個文檔必須（xū）加上DTD聲明。

a) !DOCTYPE html PUBLIC "-//W3C//DTDXHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

去掉後能通（tōng）過驗證，但有警告（gào）：No DOCTYPE found! Checking with default XHTML 1.0 Transitional Document Type.

3、RSS的XML通過時其中的域名地址必須與檢（jiǎn）測的地址一致，否（fǒu）則會報錯。

4、標簽的（de）鏈接屬性加上JAVASCRIPT事件時必須為#空鏈,不能為javascript:;或javascript:void(null);

5、同一個頁（yè）麵（miàn）當中，同名的ID會產（chǎn）生衝突（tū）。所（suǒ）以以ID定義樣式的必須改成類引用。

如（rú）果不用W3C來檢測的話，在CSS設（shè）計裏是允許這樣做的。

那是程序的角度不能（néng）相同，CSS上是可以相同的!

之前就是相同（tóng）的產生問題，後麵就改成類引用了!

6、不可省略（luè）雙引號或單引號。

a) 這個（gè）是指屬性，標準是雙引號~

單引號也能通過驗證。

7、標簽之間不可（kě）錯位嵌套。

這是不允許的。

8、所（suǒ）有的標簽（qiān）都使用小（xiǎo）寫（xiě）。

9、FLASH的（de）標簽代（dài）碼中不能含有,必須采用其它的方法實（shí）現。

10、所有的標簽中含有的屬性必須有值(官方（fāng）的說法（fǎ）)。

11、標簽必須配對完成（chéng）,單（dān）標簽必須以/關閉

12、JS和CSS外部（bù）引入文件必須加上類型定義。

13、所有的樣式全（quán）部寫在外部（bù）文件。用類名定義。在使（shǐ）用的地方引用。

14、頁麵上（shàng）的一些特殊字符必須用HTML代碼來標識.如“&”寫成“&“

 

沒通過W3C 標準驗證的原（yuán）因

每次修正代碼後要刷新代碼，使（shǐ）它們重新生效——一個小錯誤常常會引發之後整頁的連串錯誤。因此如果操作不當，“修（xiū）正錯誤”也可能（néng）引發更多錯誤。每（měi）次修正後（hòu）使代碼重新生效，這樣就可以確保（bǎo）完全（quán）解決問題。

知道了（le）上麵這些基本的異常情（qíng）況，下麵discuz模板網就來看看版麵設計無效的幾個原因。

1、div 標簽未關閉

這是版麵設計失效（xiào）的最常見原因之（zhī）一。當我們了解到這（zhè）是多少精致的版塊設計失效的罪魁禍首時（shí），總會（huì）大吃一驚。開啟的（de）div標簽是最普（pǔ）遍的版塊設計失誤之一，也是最難（nán）診斷的失（shī）誤（wù）之一。驗證程序有時會（huì）指向錯（cuò）誤的開啟div標簽，診斷時就像大海撈（lāo）針一樣麻煩。

2、麻煩的（de）embed標簽

九十年代早期，Microsoft和Netscape的瀏覽器（qì）開始能夠辨認非標準的獨有字體。遺憾的（de）是這意味著W3C驗證程序還不（bú）能識別（bié）某些關鍵HTML 標簽，如“embed”，即使這些（xiē）標簽（qiān）已經被（bèi）廣泛使用。如果確實（shí）希（xī）望得到嚴格（gé）的DOCTYPE(文檔類型（xíng）)驗證，就隻能放棄（qì）嵌（qiàn）套。

如果同時想要生（shēng）效的版麵設計（jì）和嵌入式媒體，可以試試（shì）Flash Satay方法。

3、不當的DOCTYPE聲明

不聲明DOCTYPE，或者在文件開始錯誤聲明DOCTYPE，也是一個常見錯誤。根據一般經（jīng）驗，Strict DOCTYPE是大家追求的最高級驗證。Strict validation表明你的網頁能夠在所有瀏覽器上都得到最佳展示。Strict 聲明代碼如下：

4、結尾斜線

如果你（nǐ）的網站不能驗證，很有可能是在代（dài）碼的某個（gè）地方漏寫了結尾斜線。我們很容易忽略結（jié）尾斜（xié）線之類的東西，特別是在image標（biāo）簽等元素中。例如：

在嚴格的DOCTYPE中這是無效的。要在img標簽結尾處加上“/”以解決（jué）此問題。

5、Align標簽

如（rú）果DOCTYPE被設為Transitional，你就會使用“align”標簽，但如果要求更高一（yī）點希望得到Strict驗證，你會看到很多錯誤。 Align是另一個（gè）不（bú）可用於版麵設計的標簽（qiān）。可以嚐試用“float”或者“text-align”來代替align轉換元素。

6、JavaScript

如果已經聲明（míng）Strict DOCTYPE，就需（xū）要在JavaScript中覆蓋CDATA標簽。驗證程序的這一方麵（miàn）難（nán）倒（dǎo）了很多程序（xù）員，因為網站傾向於為廣告和追蹤腳本使用嵌入的 JavaScript。如果必須用到JavaScript，可（kě）以在其前（qián）後加上如下標簽：

7、圖像需要“alt”屬性

你可能還沒有注意到，圖像也是高級驗證的潛在絆腳石。除了結尾斜線（xiàn），高級驗證也要求用alt標簽來描述圖像，如alt= ”Scary vampire picture”.

搜索引擎也靠alt標簽來識別網頁上的圖像（xiàng），所以無論怎樣加上alt標簽總是好的。

8、未（wèi）知實體數據

實體（tǐ）數（shù）據是又一個影響驗證的易犯錯誤。我們（men）可以（yǐ）考（kǎo）慮用適當的編碼字符來代替“&”等符號。entire list中列出在XHTML版塊設計中可用的適當（dāng）的（de）編碼字符實體（tǐ）數據。

9、不（bú）良嵌套

嵌套就是元素裏（lǐ）又包括元素，如下所示：

我（wǒ）們容易混淆嵌套（tào）元素的順序。例如在div標簽前啟動strong標簽（qiān），但又先關閉div標簽（qiān）。這可能不會改（gǎi）變版塊布（bù）局，但卻（què）會使你的版塊設計失效。

10、缺少“title”標簽

盡管這看上去是（shì）一個很（hěn）明顯的錯誤（wù），很（hěn）多程（chéng）序（xù）員(包（bāo）括我（wǒ）自己)還是經常會在“head”版塊中遺漏title標簽（qiān）。當你看到“missing a required sub-element of HEAD”(缺少HEAD的必要子元素)時，才會發現自己忘記添加title標簽了。