如何讓您的網站符合W3C標準



什麼是W3C標準
     作爲網站技術開發人員而言,往往是站在自己的開發角度來實施網站佈署(讀取數據及開發的方便性等等),而不是站在網站訪問者與搜索引擎角度。因此大部分的網站在瀏覽方面不夠直觀或是方便,特別是現在w3c的規範,更是在大部分的網站開發人員腦裏一片空白。何況百度 、google、msn、yahoo等專業搜索引擎更有自己的搜索規則及判斷網頁等級技術,所以網站要優化,優化的目的只有一個:符合標準,符合蜘 蛛爬行的標準,更重要的是符合網站訪問者瀏覽的方便及易用性。
     要知道W3C標準,有必要先弄清楚什麼是W3C?

W3C其實就是World Wide Web Consortium,全球萬維網聯盟的簡稱。W3C的主要職責就是確定未來萬維網的發展方向,並且制定相關的推薦 (recommendation, 由於W3C是一個民間組織,沒有約束性,因此只提供建議)。

什麼是W3C標準?你的企業網站是否符合這個標準呢?

目前W3C標準已經成爲高端客戶設計網站的首選,我們知道國內上網者中,用IE瀏覽器的比較多,但從國內或全世界的上網客戶來看,有些客戶並不是用IE來上網瀏覽內容的,他們會用 一些其它的瀏覽工具如: Netscape, Mozilla, FireFox,Opera等等,如果您的網站不是採用的w3c標準,使用其它瀏覽器的用戶,就無法看到 您的網站。即:此標準是國際上的通用標準,符合此標準的網站,能用任何瀏覽器來瀏覽您的網站。

如果您的網站不符合這個標準,那麼一些客戶就無法看到您的企業,您的產品,雖然這部分客戶比較少,但也畢竟是一部分客戶,丟掉任何潛在客戶,對企業來說,都是損失。

從HTML誕生至今,在協議不斷髮展的過程中,各大瀏覽器產商爲了“鼓勵”人們製作網頁,從而“縱容”了人們各種各樣的不良習慣。 同時,它們爲了佔據“標準制訂”的制高點,也不遺餘力地發展出各種特性加入到HTML和相關的技術裏。於是,有了現在亂糟糟的局面:

如何符合w3c規範

1、 確保所有的標籤都使用小寫字母

2、 確保所有的屬性值都放在引號裏

3、 確保所有成對標籤出現的順序、不成對的標籤都用/>結束, ”/”和”>”之間不要有空格


如何讓你的站點標準起來,怎麼改善現有網站

爲頁面添加正確的DOCTYPE

html5 的聲明:

<!DOCTYPE html>


用小寫字母書寫所有的標籤 

XML對大小寫是敏感的,所以,XHTML也是大小寫有區別的。所有的XHTML元素和屬性的名字都必須使用小寫。否則你的文檔將被W3C校驗認爲是無效的。例如下面的代碼是不正確的:

<TITLE>公司簡介</TITLE>

正確的寫法是:

<title>公司簡介</title> 同樣的,<P>改成<p>,<B>改成<b>等等。這步轉換很簡單。


爲圖片添加 alt 屬性

爲所有圖片添加alt屬性。alt屬性指定了當圖片不能顯示的時候就顯示供替換文本,這樣做對正常用戶可有可無,但對純文本瀏覽器和使用屏幕閱讀機的用戶來說是至關重要的。只有添加了alt屬性,代碼纔會被W3C正確性校驗通過。注意的是我們要添加有意義的alt屬性,象下面這樣的寫法毫無意義:

<img src="logo_unc_120x30.gif" alt="logo_unc_120x30.gif">

正確的寫法:

<img src="logo_unc_120x30.gif" alt="UNC公司標誌,點擊返回首頁">


給所有屬性值加引號

在HTML中,你可以不需要給屬性值加引號,但是在XHTML中,它們必須被加引號。

例:height="100",而不能是height=100。


關閉所有的標籤

在XHTML中,每一個打開的標籤都必須關閉。就象這樣:

<p>每一個打開的標籤都必須關閉。</p> <b>HTML可以接受不關閉的標,XHTML就不可以。</b>這個規則可以避免HTML的混亂和麻煩。舉例來說:如果你不關閉圖像標籤,在一些瀏覽器中就可能出現CSS顯示問題。用這種方法能確保頁面和你設計的一樣顯示。需要說明的是:空標籤也要關閉,在標籤尾部使用一個正斜槓"/"來關閉它們自己。例如:<br /> <img src="webstandards.gif" />

經過上述規則處理後,頁面就基本符合XHTML1.0的要求。但我們還需要校驗一下是否真的符合標準了。我們可以利用W3C提供免費校驗服務http://validator.w3.org/)。發現錯誤後逐個修改。在後面的資源列表中我們也提供了其他校驗服務和對校驗進行指導的網址,可以作爲W3C校驗的補充。當最後通過了XHTML驗證,恭喜你已經向網站標準邁出了一大步。不是想象中的那麼難吧!


以上大部分轉載於 http://wlt2008-com.iteye.com/blog/1122618 。

我修改了小部分內容。


W3C是檢驗網頁合格程度的一個國際標準,而符合了這一標準網站有些什麼優勢呢?

第一、兼容性

按W3C標準制作的網站可以在不同瀏覽器不同分辨率下正常顯示,如IE6, IE7,Firefox, Mozilla, Safari, Opera等瀏覽器下都可以正常顯示和瀏覽,甚至在更老版本的瀏覽器中也能正常顯示基本結構,即使CSS/XSL樣式無法解析,它也能顯示出完整的信息和結構;

另外頁面也很容易被轉換成其他格式文檔,例如數據庫或者word格式,也容易被移植到新的系統--硬件或者軟件系統,比如網絡電視、PDA等等。這是XML天生具有的優勢。 而且不僅僅是普通瀏覽器可以閱讀,那些有殘疾的人們也可以通過盲人瀏覽器、聲音閱讀器正常使用。

 第二、網頁代碼非常簡潔乾淨,頁面共用css,大大提高網頁加載速度

按W3C標準制作的頁面代碼量小,可以節省帶寬。這只是web標準附帶的好處,因爲DIV的結構本身就比TABLE簡單,TABLE佈局的層層嵌套造成代碼臃腫,文件尺寸膨脹。通常情況下,相同表現的頁面用DIV+CSS比用TABLE佈局的節省2/3的代碼。至於節省帶寬的意義,並不主要針對普通用戶,而主要針對網站經營者,特別是中大型網站,類似新浪、網易這樣的站點。一個新聞首頁從500K縮小到170k,假設一天的pageview是3000萬(保守數字),那麼節省的服務器流量就是330k*30000000=9440G,這個成本的節約是可觀的。 

第三、向後兼容性

按W3C標準建立的頁面,將在未來的新瀏覽器或者新網絡設備中很好的工作。我們只要修改CSS或者XSL定製相應的表現形式就行了。 

第四、搜索引擎友好性

按W3C標準制作的網站,對搜索引擎更加“透明”,因爲良好清晰的結構使得搜索引擎能夠方便的判斷與評估信息,從而建立更精確的索引,提高關鍵詞排名,增加網頁收錄數。 

第五、符合國際趨勢

爲殘障人士提供方便的網絡瀏覽是美國及歐洲一些國家的法律規定,由於web標準頁面的清晰結構、語義完整,一些相關設備能很容易的正確提取信息給殘障人士。因此,方便盲人閱讀信息也成爲web標準的天生好處之一。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章