W3C除了訂出各標(biāo)簽規(guī)定外, 還提供了驗(yàn)證功能,讓網(wǎng)頁(yè)的制作者檢查是否真正都有依照W3C規(guī)定。
前言
W3C除了訂出各標(biāo)簽規(guī)定外, 還提供了驗(yàn)證功能,讓網(wǎng)頁(yè)的制作者檢查是否真正都有依照W3C規(guī)定
如何達(dá)成W3C XHTML1.0標(biāo)準(zhǔn)網(wǎng)頁(yè)
目前較常用的以XHTML1.0及HTML4.01為主
由于XHTML1.0是由HTML4.01演變而來(lái), 幾乎算是HTML4.01的修正版
若以嚴(yán)格角度來(lái)看的話, XHTML1.0算是較嚴(yán)格的了
雖然XHTML1.0和HTML4.01的規(guī)則十分相似, 但由于XHTML1.0是后者的修正版
前者的規(guī)定當(dāng)然會(huì)較HTML4.01來(lái)得嚴(yán)格
較容易發(fā)生之錯(cuò)誤
1.所有標(biāo)簽都必需使用小寫
錯(cuò)誤：<HTML> <Title> <BODY> <FonT>
正確：<html> <title> <body> <font>
2.所有卷標(biāo)內(nèi)之屬性都要有值且不可省略雙引號(hào)或單引號(hào)
錯(cuò)誤：<a href=index.htm>連結(jié)</a>
正確：<a href="index.htm">連結(jié)</a>
若沒有屬性值就必需重復(fù)屬性作為值, 如：
錯(cuò)誤：<frame noresize>
正確：<frame noresize="noresize">
3.所有標(biāo)簽必須成對(duì), 若非成對(duì)需加上/在最后
錯(cuò)誤：<li>米奇<li>米妮<li>布魯托
正確：<li>米奇</li><li>米妮</li><li>布魯托</li>
錯(cuò)誤：<br>
正確：<br />
4.一個(gè)網(wǎng)頁(yè)最少要包含的標(biāo)簽
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5" />
<title>標(biāo)題</title>
</head>
<body>
內(nèi)容
</body>
</html>
說(shuō)明：通常中文網(wǎng)頁(yè)以big5編碼, 需加上以下這行于<head>與</head>之間：
<meta http-equiv="Content-Type" content="text/html; charset=big5" />
5.若要顯示【<】【>】【&】的話, 需以其它值輸入
例如要顯示< >于網(wǎng)頁(yè)中的話, 需填入：
< >
若要顯示&于網(wǎng)頁(yè)中的話
錯(cuò)誤：&
正確：&
6.卷標(biāo)順序不可錯(cuò)亂
錯(cuò)誤：<b><p>文字</b></p>
正確：<b><p>文字</p></b>
7.批注文字中不可包含----
錯(cuò)誤：<!--米奇實(shí)在是---太可愛了-->
正確：<!--米奇實(shí)在是太可愛了-->
8.圖片卷標(biāo)中都必需包含批注文字
批注文字就是當(dāng)你把鼠標(biāo)指針移至圖片上時(shí)會(huì)出現(xiàn)的文字：
錯(cuò)誤：<img src="mickey.jpg">
正確：<img src="mickey.jpg" alt="這張圖是米奇" />
8.XHTML1.0文件標(biāo)頭加于第一行
一般網(wǎng)頁(yè)：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
框架頁(yè)：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
驗(yàn)證
W3C提供網(wǎng)頁(yè)或上傳驗(yàn)證, 進(jìn)入后填入網(wǎng)址
若不成功則會(huì)出現(xiàn)紅色警示, 并會(huì)告知哪里有錯(cuò)誤, 再依錯(cuò)誤慢慢修改
W3C標(biāo)準(zhǔn)驗(yàn)證網(wǎng)頁(yè)：http://validator.w3.org/
后記
講到這里, 你有沒有試著把其它的人網(wǎng)址貼上去驗(yàn)證看看呢?
因?yàn)榇蟛糠菥W(wǎng)頁(yè)是制作給IE使用者, 所以幾乎都不會(huì)完全通過(guò)W3C, 只要IE可以正常顯示即可
若你已經(jīng)試著把我的網(wǎng)頁(yè)的任何一頁(yè)都貼上去的話, 應(yīng)該都會(huì)通過(guò)驗(yàn)證
舉老師的教學(xué)網(wǎng)頁(yè)當(dāng)作例子, 除了首頁(yè)之外, 大部份都不通過(guò)
左頁(yè)選單的第39行未加雙引號(hào)：
錯(cuò)誤： aux1 = insFld(foldersTree, gFld("<font color=blue>中文</font>輸入"))
正確： aux1 = insFld(foldersTree, gFld("<font color="blue">中文</font>輸入"))
基礎(chǔ)網(wǎng)頁(yè)制作-01認(rèn)識(shí)HTML中的圖片卷標(biāo)都未加上批注(較容易出現(xiàn)的錯(cuò)誤第8點(diǎn))
其實(shí)真的要符合W3C規(guī)定嗎?符合W3C規(guī)定可以讓你的網(wǎng)頁(yè)用任何瀏覽器瀏覽都是一樣的
像有人如果針對(duì)IE在做網(wǎng)頁(yè)的, 用Firefox瀏覽時(shí)可能就會(huì)出現(xiàn)不少與原來(lái)不同的設(shè)計(jì)
所以, 盡量符合W3C規(guī)定吧！
公眾號(hào)
事業(yè)單位
當(dāng)前位置：
公考類
招聘類
各類考試