第6天:XHTML代碼規(guī)范
在開始正式內(nèi)容制作之前，我們必須先了解一下web標(biāo)準(zhǔn)有關(guān)代碼的規(guī)范。了解這些規(guī)范可以幫助你少走彎路,盡快通過(guò)代碼校驗(yàn)。
1.所有的標(biāo)記都必須要有一個(gè)相應(yīng)的結(jié)束標(biāo)記
以前在HTML中，你可以打開許多標(biāo)簽，例如<p>和<li>而不一定寫對(duì)應(yīng)的</p>和</li>來(lái)關(guān)閉它們。但在XHTML中這是不合法的。XHTML要求有嚴(yán)謹(jǐn)?shù)慕Y(jié)構(gòu)，所有標(biāo)簽必須關(guān)閉。如果是單獨(dú)不成對(duì)的標(biāo)簽，在標(biāo)簽最后加一個(gè)"/"來(lái)關(guān)閉它。例如:
<br /><img height="80" alt="網(wǎng)頁(yè)設(shè)計(jì)師" src="../images/logo_w3cn_200x80.gif" width="200" />2.所有標(biāo)簽的元素和屬性的名字都必須使用小寫
與HTML不一樣，XHTML對(duì)大小寫是敏感的，<title>和<TITLE>是不同的標(biāo)簽。XHTML要求所有的標(biāo)簽和屬性的名字都必須使用小寫。例如：<BODY>必須寫成<body> 。大小寫夾雜也是不被認(rèn)可的，通常dreamweaver自動(dòng)生成的屬性名字"onMouseOver"也必須修改成"onmouseover"。
3.所有的XML標(biāo)記都必須合理嵌套
同樣因?yàn)閄HTML要求有嚴(yán)謹(jǐn)?shù)慕Y(jié)構(gòu)，因此所有的嵌套都必須按順序，以前我們這樣寫的代碼：
<p><b></p>/b>必須修改為：
<p><b></b>/p>就是說(shuō)，一層一層的嵌套必須是嚴(yán)格對(duì)稱。
4.所有的屬性必須用引號(hào)""括起來(lái)
在HTML中，你可以不需要給屬性值加引號(hào)，但是在XHTML中，它們必須被加引號(hào)。例如:
<height=80>必須修改為：
<height="80">特殊情況，你需要在屬性值里使用雙引號(hào)，你可以用"，單引號(hào)可以使用'，例如：
<alt="say'hello'">5.把所有<和&特殊符號(hào)用編碼表示
- 任何小于號(hào)（<），不是標(biāo)簽的一部分，都必須被編碼為& l t ;
- 任何大于號(hào)（>），不是標(biāo)簽的一部分，都必須被編碼為& g t ;
- 任何與號(hào)（&），不是實(shí)體的一部分的，都必須被編碼為& a m p;
注：以上字符之間無(wú)空格。
6.給所有屬性賦一個(gè)值
XHTML規(guī)定所有屬性都必須有一個(gè)值，沒(méi)有值的就重復(fù)本身。例如：
<td nowrap> <input type="checkbox" name="shirt" value="medium" checked>必須修改為：
<td nowrap="nowrap"> <input type="checkbox" name="shirt" value="medium" checked="checked">7.不要在注釋內(nèi)容中使“--”
“--”只能發(fā)生在XHTML注釋的開頭和結(jié)束，也就是說(shuō)，在內(nèi)容中它們不再有效。例如下面的代碼是無(wú)效的:
<!--這里是注釋-----------這里是注釋-->用等號(hào)或者空格替換內(nèi)部的虛線。
<!--這里是注釋============這里是注釋-->以上這些規(guī)范有的看上去比較奇怪，但這一切都是為了使我們的代碼有一個(gè)統(tǒng)一、唯一的標(biāo)準(zhǔn)，便于以后的數(shù)據(jù)再利用。
相關(guān)文章
使用css實(shí)現(xiàn)全兼容tooltip提示框
在上一篇文章中，使用css實(shí)現(xiàn)了一個(gè)全兼容的三角形圖標(biāo)，這個(gè)三角型圖標(biāo)可以使用于多種場(chǎng)景，比如下拉圖標(biāo)、多級(jí)菜單等，這篇文章我們使用這個(gè)圖標(biāo)通過(guò)純css來(lái)實(shí)現(xiàn)一個(gè)我們常見的tooltip提示框。2014-09-09
HTML的全局架構(gòu)標(biāo)簽...2007-02-02
如何正確使用標(biāo)題元素、段落和強(qiáng)制換行
如何正確使用標(biāo)題元素、段落和強(qiáng)制換行...2007-02-02
css濾鏡屬性語(yǔ)法介紹...2007-03-03
base href 使用方法詳解...2007-11-11
CSS網(wǎng)頁(yè)布局入門教程5：二列寬度自適應(yīng)
CSS網(wǎng)頁(yè)布局入門教程5：二列寬度自適應(yīng)...2007-09-09
資料：Unicode 漢字內(nèi)碼對(duì)應(yīng)表
資料：Unicode 漢字內(nèi)碼對(duì)應(yīng)表...2007-03-03
