WEB2.0標(biāo)準(zhǔn)教程:第六天XHTML代碼規(guī)范_Div+CSS教程
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
在開(kāi)始正式內(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中,你可以打開(kāi)許多標(biāo)簽,例如<p>和<li>而不一定寫(xiě)對(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)簽的元素和屬性的名字都必須使用小寫(xiě)
與HTML不一樣,XHTML對(duì)大小寫(xiě)是敏感的,<title>和<TITLE>是不同的標(biāo)簽。XHTML要求所有的標(biāo)簽和屬性的名字都必須使用小寫(xiě)。例如:<BODY>必須寫(xiě)成<body> 。大小寫(xiě)夾雜也是不被認(rèn)可的,通常dreamweaver自動(dòng)生成的屬性名字"onMouseOver"也必須修改成"onmouseover"。
3.所有的XML標(biāo)記都必須合理嵌套
同樣因?yàn)閄HTML要求有嚴(yán)謹(jǐn)?shù)慕Y(jié)構(gòu),因此所有的嵌套都必須按順序,以前我們這樣寫(xiě)的代碼:
<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注釋的開(kāi)頭和結(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中,你可以打開(kāi)許多標(biāo)簽,例如<p>和<li>而不一定寫(xiě)對(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)簽的元素和屬性的名字都必須使用小寫(xiě)
與HTML不一樣,XHTML對(duì)大小寫(xiě)是敏感的,<title>和<TITLE>是不同的標(biāo)簽。XHTML要求所有的標(biāo)簽和屬性的名字都必須使用小寫(xiě)。例如:<BODY>必須寫(xiě)成<body> 。大小寫(xiě)夾雜也是不被認(rèn)可的,通常dreamweaver自動(dòng)生成的屬性名字"onMouseOver"也必須修改成"onmouseover"。
3.所有的XML標(biāo)記都必須合理嵌套
同樣因?yàn)閄HTML要求有嚴(yán)謹(jǐn)?shù)慕Y(jié)構(gòu),因此所有的嵌套都必須按順序,以前我們這樣寫(xiě)的代碼:
<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注釋的開(kāi)頭和結(jié)束,也就是說(shuō),在內(nèi)容中它們不再有效。
例如下面的代碼是無(wú)效的:
<!--這里是注釋-----------這里是注釋-->
用等號(hào)或者空格替換內(nèi)部的虛線。
<!--這里是注釋============這里是注釋-->
以上這些規(guī)范有的看上去比較希奇,但這一切都是為了使我們的代碼有一個(gè)統(tǒng)一、唯一的標(biāo)準(zhǔn)!
以便于將來(lái)的數(shù)據(jù)再利用��!
相關(guān)Div+CSS教程:
- DIV+CSS設(shè)計(jì)的誤區(qū)
- CSS基礎(chǔ):常用CSS英文字體介紹
- IE6和IE7中border邊框斷線現(xiàn)象
- border:none;與border:0;的有什么不同?
- div+css下js對(duì)聯(lián)廣告不隨屏幕滾動(dòng)的解決方法
- HTML元素的ID和Name屬性的區(qū)別
- divcss教程:深入了解css的行高Line Height屬性
- CSS文檔流,塊級(jí)元素和內(nèi)聯(lián)元素
- 5個(gè)你該知道的CSS3新技術(shù)
- 用正則表達(dá)式替換a標(biāo)記href值
- 30個(gè)優(yōu)秀的CSS導(dǎo)航和按鈕設(shè)計(jì)教程
- css中px和em有什么區(qū)別
Div+CSS教程Rss訂閱Div+Css教程搜索
Div+CSS教程推薦
- 如何用CSS自定義鼠標(biāo)顯示的形狀?
- CSS中的強(qiáng)制換行與強(qiáng)制不換行
- CSS標(biāo)識(shí)當(dāng)前位置頁(yè)效果的實(shí)現(xiàn)原理
- CSS布局之再談CSSDiv的居中實(shí)現(xiàn)方法
- 如何讓層垂直居中于瀏覽器窗口?
- DIVCSS列形導(dǎo)航一例,超酷解析!
- Web Developer插件 CSS工具組教程
- 應(yīng)用DIV CSS布局以后該在什么時(shí)候使用TABLE?
- CSS網(wǎng)站橫向?qū)Ш?/a>
- WEB2.0標(biāo)準(zhǔn)教程:第九天第一個(gè)CSS布局實(shí)例
猜你也喜歡看這些
- CSS實(shí)例:用fieldset、legend實(shí)現(xiàn)文字寫(xiě)在邊線上的效果
- CSS實(shí)例:list-style-type在IE與FF中奇怪的現(xiàn)象解析
- CSS實(shí)例:無(wú)懈可擊的CSS圓角技術(shù)!
- css圓角之有序列表dl、無(wú)序列表ul如何實(shí)現(xiàn)?
- CSS實(shí)例:區(qū)分IE6、IE7、FF對(duì)HR解釋的CSShack
- CSSFormExample:帶有小圖標(biāo)的清爽CSS表單設(shè)計(jì)!
- CSS導(dǎo)航菜單:仿淘寶首頁(yè)導(dǎo)航條布局效果
- CSS布局中常用的CSS圖像置換、圖片替代的方法舉例
- 用css制作有滾動(dòng)條的居中彈出框
- CSS菜單實(shí)例:簡(jiǎn)潔的效果火紅的圍城
- 相關(guān)鏈接:
- 教程說(shuō)明:
Div+CSS教程-WEB2.0標(biāo)準(zhǔn)教程:第六天XHTML代碼規(guī)范
。