WEB2.0標(biāo)準(zhǔn)教程:第六天 XHTML代碼規(guī)范_Web標(biāo)準(zhǔn)教程
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
在開始正式內(nèi)容制作之前,我們必須先了解一下web標(biāo)準(zhǔn)有關(guān)代碼的規(guī)范。
了解這些規(guī)范可以幫助你少走彎路,盡快通過(guò)代碼校驗(yàn)。使我們的代碼有一個(gè)統(tǒng)一、唯一的標(biāo)準(zhǔ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è)值,沒有值的就重復(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)!
以便于將來(lái)的數(shù)據(jù)再利用!!
了解這些規(guī)范可以幫助你少走彎路,盡快通過(guò)代碼校驗(yàn)。使我們的代碼有一個(gè)統(tǒng)一、唯一的標(biāo)準(zhǔ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è)值,沒有值的就重復(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)!
以便于將來(lái)的數(shù)據(jù)再利用!!
相關(guān)Web標(biāo)準(zhǔn)教程:
- Web標(biāo)準(zhǔn):需要正確的使用H1~ H6標(biāo)簽
- 五個(gè)WEB標(biāo)準(zhǔn)中必須注意的地方
- 做到結(jié)構(gòu)(XHTML),表現(xiàn)(CSS),行為(JavaScript)的分離
- CSS標(biāo)準(zhǔn):HTML標(biāo)簽元素的關(guān)閉
- Web標(biāo)準(zhǔn)之路 勿使用W3C廢棄的元素
- CSS布局 聲明文檔類型描述(DTD)
- DIV CSS\讓搜索引擎蜘蛛不再累
- 用XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)頁(yè)
- XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)站
- DIV+CSS對(duì)SEO的幫助
- 淺析什么是Web標(biāo)準(zhǔn) 及其前景
- CSSer新手寄語(yǔ):開始標(biāo)準(zhǔn)之路
Web標(biāo)準(zhǔn)教程Rss訂閱Div+Css教程搜索
Web標(biāo)準(zhǔn)教程推薦
- FrameworksforDesigners[設(shè)計(jì)師的框架]
- 用XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)頁(yè)
- 解決列高度自適應(yīng)(列高度相同)的五種方法
- 網(wǎng)頁(yè)設(shè)計(jì)配色基礎(chǔ):RGB與HSB
- dipslay的值block,inline,none,list-item分別表示什么?
- 同一個(gè)頁(yè)面用多個(gè)id有什么影響
- Web標(biāo)準(zhǔn)化網(wǎng)站開發(fā)該給誰(shuí)用?
- WEB2.0標(biāo)準(zhǔn)教程:第八天 CSS布局入門
- web標(biāo)準(zhǔn)化設(shè)計(jì):常用的CSS命名規(guī)則
- Web設(shè)計(jì)國(guó)際一般流程
- 相關(guān)鏈接:
- 教程說(shuō)明:
Web標(biāo)準(zhǔn)教程-WEB2.0標(biāo)準(zhǔn)教程:第六天 XHTML代碼規(guī)范。