思为网络_日韩免费福利视频_成都百度优化快照排名-成都网站建设优化_日韩免费成人av_成都网页设计_日韩免费av在线_成都SEO公司

思為網(wǎng)絡(luò)

+ 網(wǎng)站建設(shè)營銷咨詢:028-8608 0655
+ QQ咨詢:361300450 19777182

XHTML與HTML的區(qū)別?-W3C標準化網(wǎng)頁設(shè)計

來源:  時間:2011/9/20  點擊:

你可以開始通過書寫嚴密的HTML代碼來為你的XHML之旅做好準備


怎樣為XHTML做好準備

XHTML與HTML的區(qū)別并不是很大,因此熟悉HTML4.01標準代碼對學習XHTML來講非常有意義。W3S提供的HTML 4.01 參考可以幫助你熟悉它們

補充一下,你現(xiàn)在就應(yīng)該開始習慣使用小寫標簽書寫HTML代碼,還有千萬別漏掉結(jié)束標簽。


最主要的區(qū)別:

  • XHTML元素必須合理嵌套
  • XHTML文檔形式上必須符合規(guī)范
  • 標簽必須使用小寫
  • 所有的XHTML元素都必須有始有終

元素必須合理嵌套

在HTML中一些元素可以不使用正確的相互嵌套:

<b><i>This text is bold and italic</b></i>

在XHTML中所有元素必須合理的相互嵌套:

<b><i>This text is bold and italic</i></b>

注:在列表嵌套的時候經(jīng)常會犯一個錯誤,就是忘記了在列表中插入一新列表必須嵌在<li>標記中:

<ul>
<li>Coffee</li>
<li>Tea
<ul>

<li>Black tea</li>
<li>Green tea</li>
</ul>
<li>Milk</li>

</ul>

這才是正確的:

<ul>

<li>Coffee</li>
<li>Tea
<ul>
<li>Black tea</li>
<li>Green tea</li>

</ul>
</li>
<li>Milk</li>
</ul>

在這段正確的代碼示例中,</ul>后面加入了</li>標簽


文檔形式上必須符合規(guī)范

所有的XHTML元素必須被嵌在<html> 根元素之中。所有其它的元素可以有自己的子元素。位于父元素之內(nèi)的子元素必須成對出現(xiàn)且使用正確的嵌套。文檔的基本構(gòu)架為:

<html>
<head> ... </head>
<body> ... </body>
</html>


標簽必須使用小寫

因為XHTML文檔是XML應(yīng)用產(chǎn)物,XML是區(qū)分大小寫的,所以<br>和<BR>會被認為是兩種不同的標簽。

這就是錯誤的:

<BODY>
<P>This is a paragraph</P>
</BODY>

這才是正確的:

<body>
<p>This is a paragraph</p>

</body>


所有的XHTML元素都必須有始有終

非空元素必須得有結(jié)束標簽

這是錯誤的寫法:

<p>This is a paragraph
<p>This is another paragraph

這是正確的:

<p>This is a paragraph</p>
<p>This is another paragraph</p>


空標簽也得關(guān)閉

空標簽同樣也得關(guān)閉,可以是在開始標簽后加上/>

這是錯誤的寫法:

This is a break<br>

Here comes a horizontal rule:<hr>
Here's an image <img src='happy.gif' alt='Happy face'>

正確的是這樣:

This is a break<br />

Here comes a horizontal rule:<hr />
Here's an image <img src='happy.gif' alt='Happy face' />

注意:為了使你的XHTML能夠兼容目前的瀏覽器,你必須在/符號之加上一空格,如:<br />


這篇文章主要闡述 HTML 和 XHTML 的區(qū)別 --> 。簡單來說,XHTML 可以認為是 XML 版本的 HTML --> ,為符合 XML 要求,XHTML 語法上要求更嚴謹些。

以下是 XHTML 相對 HTML 的幾大區(qū)別:

  • XHTML 要求正確嵌套
  • XHTML 所有元素必須關(guān)閉
  • XHTML 區(qū)分大小寫
  • XHTML 屬性值要用雙引號
  • XHTML 用 id 屬性代替 name 屬性
  • XHTML 特殊字符的處理

XHTML 要求正確嵌套

以下是正確的嵌套:

--> <p>布啦布啦<strong>獨樹一幟</strong>。</p>

以下是錯誤的嵌套:

<p>布啦布啦<strong>獨樹一幟</p></strong>。

--> XHTML 所有元素必須關(guān)閉

--> XHTML 里,應(yīng)該寫成:Javascript.

在 HTML 中 --> ,比如 <p>,<li> 這些標記,你可以不寫 </p>,</li>,但 --> 是在 XHTML 里,必須要求寫關(guān)閉標記 (Closing Tag)。

比如:

<p>布啦布啦很認真。

顯然,如果瀏覽器做成這個樣子,倒貼錢也是不會有人用的。

應(yīng)該寫成:

<p>布啦布啦很認真。</p>

處理空元素

--> 有些空元素,在 XHTML 里的寫法是在'>'之前加空格和斜杠。比如<br>,應(yīng)該寫成<br />。

以下是空元素的例子:

<br />

<hr />

<img src = '***.jpg' alt = --> 'blabla' / --> >

<link rel='stylesheet' href='/styles/blabla.css' type='text/css --> ' />

<meta http-equiv='content-type' content --> ='text/html; charset=UTF --> -8' / --> >

XHTML 區(qū)分大小寫

HTML 不區(qū)分大小寫,但是 XHTML 是區(qū)分大小寫的。

XHTML 的所有標記屬性都要寫。

比如:

<IMG SRC = '/***.jpg' Alt = 'blabla' / --> >

應(yīng)該寫成:

<img src = '/***.jpg' alt = 'blabla' />

XHTML 屬性值要用雙引號

HTML 并不強制要求屬性值加雙引號。比如 --> 你可以寫:

--> <table cellspacing = 0>

<input checked>

--> 但在 XHTML 里,應(yīng)該寫成:

--> <table cellspacing = '0'>

--> <input checked = 'checked --> ' />

XHTML 用 id 屬性代替 name 屬性

HTML 很多元素 --> ,比如 a,applet,frame,iframe,img 和 map,有 name 屬性。在 XHTML 里是要廢除的,而用 id 屬性取而代之。

比如:

<img src='XXX.gif' name='blabla logo'/>

應(yīng)該寫成:

<img src='XXX.g --> if' id --> ='blabla logo' />

XHTML 特殊字符的處理

& 應(yīng)該在 XHTML 里應(yīng)該寫成 --> &amp;。

比如:

You & Me

--> 應(yīng)該寫成:

You &amp; Me

=====天王蓋地虎 寶塔鎮(zhèn)河妖=====XHTML 里應(yīng)該寫成 &amp!

還有如果內(nèi)嵌 Javascript 代碼,在 XHTML 里則應(yīng)該寫成:

--> <script type='text/javascript'>//<![CDATA[...

//]]></script>

瀏覽器的角度

以上是從協(xié)議標準的角度來看待這個問題的。如果從瀏覽器的角度來看待這個問題,情況就有所 --> 不同。

=====天王蓋地虎 寶塔鎮(zhèn)河妖=====標準要求瀏覽器 --> 不再支持原先的容錯能力,這 --> 是一個標準制定者走火入魔的典型例子。

--> 考慮一下,如果把 XHTML 寫得很不嚴格,瀏覽器會怎么做?是不是會彈出一個對話框,寫著“這個網(wǎng)站的開發(fā)人員技術(shù)不過關(guān),寫的不是正宗的 XHTML 文件,咱不顯示”?顯然,如果瀏覽器做成這個樣子,倒貼錢也是不會有人用的。

從瀏覽器的角度看待上面幾個不同,大致是下面的測試結(jié)果(IE和Firefox我都測試過):

  • XHTML 要求正確嵌套 --> :如果你沒有嵌套,瀏覽器會試圖幫你嵌套。
  • XHTML 所有元素必須關(guān)閉:如果你沒有關(guān)閉,瀏覽器會試圖幫你關(guān)閉。
  • XHTML 區(qū)分大小寫:你非要寫成大寫,瀏覽器幫你轉(zhuǎn)換成為小寫。
  • 屬性值要用雙引號:你非要不肯加,瀏覽器幫你加。
  • 特殊字符的處理:You & Me 也好,You &amp; Me 也好,瀏覽器都能讀入。
  • 用 id 屬性代替 name 屬性:你非要用 name 也可以 --> 。

如果你在文檔開始用 DocType 指定為 XHTML 了,有一點需要注意 --> 。在給 Tag 用 class 指定CSS 的時候,是區(qū)分大小寫的。例如,你定義了一個CSS如下 --> ,

<style>
.hello { ...... }
</style --> >

而你使用的時候?qū)懗桑?/P>

--> <p class='Hello --> '> ......

那這個CSS --> 是不會被使用的。要積極的看待這個問題 --> ,這讓你可以用更多的名字來命名 Style,是一個好事。

XHTML 標準的前途

從標準制定者的初衷看,制定 XHTML 標準是試圖把 HTML 規(guī)范成為嚴格的 XML 格式,這樣無可避免的會導致一個結(jié)果,就是從 HTML 到 XHTML 的升級導致標準的容錯能力降低了 --> 。把自己的網(wǎng)頁源文件寫得嚴格一點當然是好事,但是一個標準 --> 不可能去要求瀏覽器降低自己的容錯能力。

--> XHTML 1.0 標準是兼容 HTML 4.01,是個不錯的協(xié)議,可以讓開發(fā)者在編寫代碼的同時通過一些工具來檢查代碼的合法性,雖然對于用戶而言,制作出來的網(wǎng)頁和 HTML 4.01 相比實在沒有什么不同。對于你寫新的網(wǎng)頁來說,使用 XHTML 1.0 還是一個不錯的選擇。

--> XHTML 1.1 標準要求瀏覽器不再支持原先的容錯能力,這是一個標準制定者走火入魔的典型例子,這個標準從學術(shù)上說非常純凈,但是對于瀏覽器而言,則是個呆板、笨拙、不 可理喻的標準。所以目前所有由人類開發(fā)的瀏覽器都沒有遵照所謂純凈的 XHTML 1.1的標準,你的代碼只要瀏覽器能讀懂,他都會很好的顯示出來,而不跳出彈框報錯。

從發(fā)展的趨勢來看,一個標準沒有瀏覽器服從,等于是沒有意義的標準 --> 。從瀏覽器的實現(xiàn)角度來看,新的協(xié)議只能在原來 HTML 的基礎(chǔ)上擴大能力增加容錯,而不能縮小了能力減少容錯。所以新的協(xié)議中 --> ,只有擴大能力增加容錯的部分會被采納,而其他部分都僅僅 --> 是紙上談兵而已 --> 。

.
Web URL:http://m.degiezj.com/faq/wangzhan/xhtml-html.html   收藏此文  打印此文
  • 上一篇:如何清除IE緩存
  • 下一篇:Google企業(yè)網(wǎng)站統(tǒng)計分析系統(tǒng)--通過本地文件提高Google Anlytics性能
  • 相關(guān)文章列表

    主站蜘蛛池模板: 景德镇古窑民俗博览区-国家AAAAA级旅游景区_全国旅游标准化示范景区_国家文化产业示范基地_国家级非物质文化遗产生产性保护示范基地--官方网站 | 锯骨机-砍排机-全自动锯骨机-商用砍排机-切丁机 - 广州市九盈机械设备有限公司 | 天津市金色巨腾科技发展有限公司-天津监控安装,天津弱电工程,天津无线网络覆盖 | 江门高空车出租|高空作业设备出租|中特设备租赁有限公司 | 转炉烟道,转炉汽化冷却烟道,转炉汽化烟道,汽化冷却烟道系统生产厂家-宏发制造集团有限公司原河北宏发机械有限公司 | 社会百态,七仙女思春完整版免费高清电影引发的思考 | 上饶市蚂蚁搬家有限公司,上饶搬家公司,上饶同城搬家,上饶同城搬家电话,上饶搬家哪家好,上饶搬家公司电话 | 仪器仪表维修_示波器维修_进口分析仪维修_热像仪维修_上海仰光电子仪器仪表维修部 | 联塑管代理,联塑管厂家批发,中财管总代理,康泰管代理,康泰管厂家批发-邯郸市中枢贸易有限公司 | 南京数控折弯机_安徽数控剪板机_数控开槽机-合肥小型液压折弯机系统批发厂家 | 碳化钨涂层_碳化钨喷涂_碳化钨焊条_碳化钨合金块-北京耐默 | 无锡双海金属科技有限公司[官网] | 秦皇岛天视影像有限公司,宣传片创意拍摄制作,商业广告拍摄公司,影视影像服务商 - 秦皇岛天视影像有限公司,宣传片创意拍摄制作,商业广告拍摄公司,影视影像服务商 秦皇岛市信恒电子科技有限公司 秦皇岛市华谊彩印有限公司 | 四氟瓶塞-塑料离心机-双联恒温水浴锅-常州天瑞仪器有限公司 | 皮带清扫器-皮带聚氨酯合金空段输送带清扫器刮刀厂家-衡水格锐特机械科技有限公司 | 长沙变频器维修,变频器维修,ABB变频器维修,西门子变频器维修,施耐德变频器维修,伺服驱动器维修,工业机器人维修,20年专业工控电气维修,长沙文铖电气设备有限公司_长沙文铖电气设备有限公司 | 集装箱零配件_不锈钢丝绳厂家_镀锌铁链条_合页非标件定制_上海英鑫多实业有限公司 | 兰州沙盘模型公司_兰州模型公司_兰州沙盘模型厂家_地形沙盘制作_兰州沙盘模型制作公司 | 幼儿园设计公司/南昌酒店装修/办公室/餐厅/民宿/店面/展厅/装修设计公司-益昌装饰集团 | 铝基板_铜基板_铝基板厂家诚之益电路—汽车灯铜基板行业制商 | 行李快递安检机-便携式X光安检仪-行李安检机-液体-爆炸物探测仪-安天下安检设备 | 美国Riverhawk轴承,Riverhawk十字弹簧轴承,Riverhawk联轴器,Riverhawk液压工具 | 金属剪切机,金属打包机,废钢剪切机,废铁压块机,金属压块机,废纸打包机,重废龙门剪,废钢龙门剪,箱式剪,液压剪切机-瑞顿机械装备制造江阴有限公司 | 品牌服装网-服装品牌加盟招商,服装品牌排行榜,服装品牌大全 | 煤炭烘干机|煤泥烘干机|矿泥烘干机|酒糟烘干机|果渣烘干机-东鼎干燥官方网站 | 西门子伺服电机维修_西门子变频器维修_西门子伺服驱动器维修_数控系统维修_PL维修-上海仰光电子 西克制冷官网│制冷机组冷风机冷库设备厂家-西克制冷(无锡)有限公司_西克制冷(无锡)有限公司 | 上海汽车音响_上海汽车隔音降噪_上海汽车音响改装店_上海音豪 | 一体化净水器-一体化净水设备-集成式|装配式模块化净水设备-山东奕博环境 | 智能化会议系统|多媒体会议系统|无纸化会议系统|会议音箱|高清视频会议终端|智能化会议室|会议系统|视频会议系统-深圳市航视达科技有限公司 | 生活污水处理设备-地埋式污水处理设备厂家-山东梦之洁水处理设备有限公司 | 液体灌装机-酱料灌装机-全自动灌装机-旋盖机-铝箔封口机-贴标机厂家-迈特威自动化设备(天津)有限公司" | 泊头市特种油泵阀制造有限公司&nbsp;-&nbsp;渣油泵,重油泵,沥青泵,高压齿轮泵,煤焦油泵,导热油泵,三螺杆泵,圆弧齿轮泵,不锈钢齿轮泵, | 河南专升本-河南省统招专升本 | 磨刀机厂家,全自动磨刀机-山东威海富田磨具 | 卷帘门,防火卷帘,快速门,硬质快速门,提升门,伸缩门,堆积门,车库门维修-烟台捷曼门业有限公司 | 外圆/圆管抛光机_方管抛光机/除锈机_活塞杆抛光机-不锈钢管抛光机-邢台欧邦机械 | 全球石油化工网 - 石油化工资讯,石油化工机械,石油化工设备,石油化工贸易,石油化工技术,尽在石油化工网 | 视频制作_产品宣传片拍摄_二维动画制作公司-深圳火牛传媒 | 深山工作室提供网络投票系统|微信公众号投票|微信公众号小程序|抖音小程序|百度小程序|微信公众号开发|企业网站建设 | 山东岱新起重机械有限公司,单梁桥式起重机,双梁桥式起重机,通用式门式起重机,欧式起重机系列 | 运动控制器_数控系统_廊坊市九盈数控技术公司「官网」 |