WEB標(biāo)準(zhǔn)教程第6天:XHTML代碼規(guī)范_Web標(biāo)準(zhǔn)教程
1.所有的標(biāo)記都必須要有一個(gè)相應(yīng)的結(jié)束標(biāo)記
以前在HTML中,你可以打開許多標(biāo)簽,例如<p>和<li>而不一定寫對(duì)應(yīng)的</p>和</li>來關(guān)閉它們。但在XHTML中這是不合法的。XHTML要求有嚴(yán)謹(jǐn)?shù)慕Y(jié)構(gòu),所有標(biāo)簽必須關(guān)閉。假如是單獨(dú)不成對(duì)的標(biāo)簽,在標(biāo)簽最后加一個(gè)"/"來關(guān)閉它。例如:
<br /><img height="80" alt="網(wǎng)頁設(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>
就是說,一層一層的嵌套必須是嚴(yán)格對(duì)稱。
4.所有的屬性必須用引號(hào)""括起來
在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;
注:以上字符之間無空格。
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é)束,也就是說,在內(nèi)容中它們不再有效。例如下面的代碼是無效的:
<!--這里是注釋-----------這里是注釋
用等號(hào)或者空格替換內(nèi)部的虛線。
<!--這里是注釋============這里是注釋
以上這些規(guī)范有的看上去比較希奇,但這一切都是為了使我們的代碼有一個(gè)統(tǒng)一、唯一的標(biāo)準(zhǔn),便于以后的數(shù)據(jù)再利用。
- 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)頁
- XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)站
- DIV+CSS對(duì)SEO的幫助
- 淺析什么是Web標(biāo)準(zhǔn) 及其前景
- CSSer新手寄語:開始標(biāo)準(zhǔn)之路
Web標(biāo)準(zhǔn)教程Rss訂閱Div+Css教程搜索
Web標(biāo)準(zhǔn)教程推薦
- 淺析什么是Web標(biāo)準(zhǔn) 及其前景
- WEB標(biāo)準(zhǔn):target 屬性怎么用 JS 來控制?
- 從douban.com豆瓣網(wǎng)站設(shè)計(jì)談網(wǎng)站重構(gòu)
- 用HTML和CSS寫出漂亮的BLOG
- DIV CSS制作網(wǎng)頁時(shí)易犯的錯(cuò)誤總結(jié)
- 網(wǎng)頁標(biāo)準(zhǔn)化-CSS命名規(guī)劃整理
- 用CSS輕松實(shí)現(xiàn)網(wǎng)上填空
- 網(wǎng)頁頁面框架架構(gòu)方法
- web標(biāo)準(zhǔn)化設(shè)計(jì):常用的CSS命名規(guī)則
- 根據(jù)時(shí)段自動(dòng)切換你的站點(diǎn)CSS風(fēng)格
猜你也喜歡看這些
- IE中圖片下方的空隙怎么解決?
- 關(guān)于CSS樣式?jīng)_突排序的一個(gè)小試驗(yàn)
- IE6下絕對(duì)定位的容器內(nèi)文本無法正常選擇的問題
- 動(dòng)態(tài)加載外部css或js文件
- IE、Nascape環(huán)境中CSS的顯示差別
- 關(guān)于DIVCSS浮動(dòng)float的兼容
- Firefox和IE通用的三則網(wǎng)站重構(gòu)實(shí)用技巧
- JS的IE和FF兼容性問題的匯總小結(jié)
- li中出現(xiàn)兩個(gè)以上浮動(dòng)時(shí)列表標(biāo)記出現(xiàn)問題的解決辦法
- XHTML1.0、XHTML Basic、XHTML1.1及XHTML2.0區(qū)別
- 相關(guān)鏈接:
- 教程說明:
Web標(biāo)準(zhǔn)教程-WEB標(biāo)準(zhǔn)教程第6天:XHTML代碼規(guī)范
。