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.所有標簽都必需使用小寫
錯誤：<HTML> <Title> <BODY> <FonT>
正確：<html> <title> <body> <font>
2.所有卷標內之屬性都要有值且不可省略雙引號或單引號
錯誤：<a href=index.htm>連結</a>
正確：<a href="index.htm">連結</a>
若沒有屬性值就必需重復屬性作為值, 如：
錯誤：<frame noresize>
正確：<frame noresize="noresize">
3.所有標簽必須成對, 若非成對需加上/在最後
錯誤：<li>米奇<li>米妮<li>布魯托
正確：<li>米奇</li><li>米妮</li><li>布魯托</li>
錯誤：<br>
正確：<br />
4.一個網頁最少要包含的標簽
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5" />
<title>標題</title>
</head>
<body>
內容
</body>
</html>
說明：通常中文網頁以big5編碼, 需加上以下這行於<head>與</head>之間：
<meta http-equiv="Content-Type" content="text/html; charset=big5" />
5.若要顯示【<】【>】【&】的話, 需以其它值輸入
例如要顯示< >於網頁中的話, 需填入：
< >
若要顯示&於網頁中的話
錯誤：&
正確：&
6.卷標順序不可錯亂
錯誤：<b><p>文字</b></p>
正確：<b><p>文字</p></b>
7.批注文字中不可包含----
錯誤：<!--米奇實在是---太可愛了-->
正確：<!--米奇實在是太可愛了-->
8.圖片卷標中都必需包含批注文字
批注文字就是當你把鼠標指針移至圖片上時會出現的文字：
錯誤：<img src="mickey.jpg">
正確：<img src="mickey.jpg" alt="這張圖是米奇" />
8.XHTML1.0文件標頭加於第一行
一般網頁：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
框架頁：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
驗證W3C提供網頁或上傳驗證, 進入後填入網址
若不成功則會出現紅色警示, 並會告知哪裡有錯誤, 再依錯誤慢慢修改
W3C標准驗證網頁：http://validator.w3.org/
後記講到這裡, 你有沒有試著把其它的人網址貼上去驗證看看呢?
因為大部份網頁是制作給IE使用者, 所以幾乎都不會完全通過W3C, 只要IE可以正常顯示即可
若你已經試著把我的網頁的任何一頁都貼上去的話, 應該都會通過驗證
舉老師的教學網頁當作例子, 除了首頁之外, 大部份都不通過
左頁選單的第39行未加雙引號：
錯誤： aux1 = insFld(foldersTree, gFld("<font color=blue>中文</font>輸入"))
正確： aux1 = insFld(foldersTree, gFld("<font color="blue">中文</font>輸入"))
基礎網頁制作-01認識HTML中的圖片卷標都未加上批注(較容易出現的錯誤第8點)
其實真的要符合W3C規定嗎?符合W3C規定可以讓你的網頁用任何浏覽器浏覽都是一樣的
像有人如果針對IE在做網頁的, 用Firefox浏覽時可能就會出現不少與原來不同的設計
所以, 盡量符合W3C規定吧！