如何通過W3C驗證？

互聯網 ? 發布時間：2009-04-02 20:55:04 ? 作者：佚名 ? 我要評論

W3C除了訂出各標簽規定外, 還提供了驗證功能,讓網頁的制作者檢查是否真正都有依照W3C規定。

前言

W3C除了訂出各標簽規定外, 還提供了驗證功能,讓網頁的制作者檢查是否真正都有依照W3C規定

如何達成W3C XHTML1.0標準網頁

目

W3C除了訂出各標簽規定外, 還提供了驗證功能,讓網頁的制作者檢查是否真正都有依照W3C規定。

前言

W3C除了訂出各標簽規定外, 還提供了驗證功能,讓網頁的制作者檢查是否真正都有依照W3C規定

如何達成W3C XHTML1.0標準網頁

目前較常用的以XHTML1.0及HTML4.01為主

由于XHTML1.0是由HTML4.01演變而來, 幾乎算是HTML4.01的修正版

若以嚴格角度來看的話, XHTML1.0算是較嚴格的了

雖然XHTML1.0和HTML4.01的規則十分相似, 但由于XHTML1.0是后者的修正版

前者的規定當然會較HTML4.01來得嚴格

較容易發生之錯誤1.所有標簽都必需使用小寫

錯誤：

正確：

2.所有卷標內之屬性都要有值且不可省略雙引號或單引號

錯誤：連結

正確：連結

若沒有屬性值就必需重復屬性作為值, 如：

錯誤：

正確：

3.所有標簽必須成對, 若非成對需加上/在最后

錯誤：

米奇米妮布魯托

正確：

米奇米妮布魯托

錯誤：

正確：

4.一個網頁最少要包含的標簽

標題

內容

說明：通常中文網頁以big5編碼, 需加上以下這行于

與之間：

5.若要顯示【】【&】的話, 需以其它值輸入

例如要顯示< >于網頁中的話, 需填入：

< >

若要顯示&于網頁中的話

錯誤：&

正確：&

6.卷標順序不可錯亂

錯誤：

文字

正確：

文字

7.批注文字中不可包含----

錯誤：

正確：

8.圖片卷標中都必需包含批注文字

批注文字就是當你把鼠標指針移至圖片上時會出現的文字：

錯誤：

正確：

8.XHTML1.0文件標頭加于第一行

一般網頁：

框架頁：

驗證

W3C提供網頁或上傳驗證, 進入后填入網址

若不成功則會出現紅色警示, 并會告知哪里有錯誤, 再依錯誤慢慢修改

W3C標準驗證網頁：http://validator.w3.org/

后記

講到這里, 你有沒有試著把其它的人網址貼上去驗證看看呢?

因為大部份網頁是制作給IE使用者, 所以幾乎都不會完全通過W3C, 只要IE可以正常顯示即可

若你已經試著把我的網頁的任何一頁都貼上去的話, 應該都會通過驗證

舉老師的教學網頁當作例子, 除了首頁之外, 大部份都不通過

左頁選單的第39行未加雙引號：

錯誤： aux1 = insFld(foldersTree, gFld("中文輸入"))

正確： aux1 = insFld(foldersTree, gFld("中文輸入"))

基礎網頁制作-01認識HTML中的圖片卷標都未加上批注(較容易出現的錯誤第8點)

其實真的要符合W3C規定嗎?符合W3C規定可以讓你的網頁用任何瀏覽器瀏覽都是一樣的

像有人如果針對IE在做網頁的, 用Firefox瀏覽時可能就會出現不少與原來不同的設計

所以, 盡量符合W3C規定吧！

相關文章

這篇文章主要介紹了html父子頁面iframe雙向發消息的實現示例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來2020-10-12

這篇文章主要介紹了如何在HTML里加載攝像頭，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-09-29

這篇文章主要介紹了html-webpack-plugin使用，本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-09-15

這篇文章主要介紹了html直接引用vue和element-ui的方法,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-09-02

這篇文章主要介紹了詳解HTML中字體使用line-height依然不能垂直居中解決辦法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友2020-08-20

這篇文章主要介紹了前端html換膚功能的實現代碼,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-08-20

這篇文章主要介紹了多個HTML頁面共同調用一段html代碼的方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來2020-08-17

這篇文章主要介紹了HTML中圖片不存在顯示默認圖片的方法示例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來2020-08-17

這篇文章主要介紹了HTML table行距的改變方法示例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學2020-07-31

這篇文章主要介紹了HTML Table 空白單元格補全的實現方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一2020-07-31

最新評論

總結

以上是生活随笔為你收集整理的怎么在html中加校验,如何通过W3C验证？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。