91视频亚洲,欧美在线一区二区三区四,成人午夜无人区一区二区,中文字幕日韩av

思為網絡

+ 網站建設營銷咨詢:028-8608 0655
+ QQ咨詢:361300450 19777182

XHTML與HTML的區別?-W3C標準化網頁設計

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

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


怎樣為XHTML做好準備

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

補充一下,你現在就應該開始習慣使用小寫標簽書寫HTML代碼,還有千萬別漏掉結束標簽。


最主要的區別:

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

元素必須合理嵌套

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

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

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

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

注:在列表嵌套的時候經常會犯一個錯誤,就是忘記了在列表中插入一新列表必須嵌在<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>標簽


文檔形式上必須符合規范

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

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


標簽必須使用小寫

因為XHTML文檔是XML應用產物,XML是區分大小寫的,所以<br>和<BR>會被認為是兩種不同的標簽。

這就是錯誤的:

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

這才是正確的:

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

</body>


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

非空元素必須得有結束標簽

這是錯誤的寫法:

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

這是正確的:

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


空標簽也得關閉

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

這是錯誤的寫法:

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 的區別 --> 。簡單來說,XHTML 可以認為是 XML 版本的 HTML --> ,為符合 XML 要求,XHTML 語法上要求更嚴謹些。

以下是 XHTML 相對 HTML 的幾大區別:

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

XHTML 要求正確嵌套

以下是正確的嵌套:

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

以下是錯誤的嵌套:

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

--> XHTML 所有元素必須關閉

--> XHTML 里,應該寫成:Javascript.

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

比如:

<p>布啦布啦很認真。

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

應該寫成:

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

處理空元素

--> 有些空元素,在 XHTML 里的寫法是在'>'之前加空格和斜杠。比如<br>,應該寫成<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 區分大小寫

HTML 不區分大小寫,但是 XHTML 是區分大小寫的。

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

比如:

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

應該寫成:

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

XHTML 屬性值要用雙引號

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

--> <table cellspacing = 0>

<input checked>

--> 但在 XHTML 里,應該寫成:

--> <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'/>

應該寫成:

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

XHTML 特殊字符的處理

& 應該在 XHTML 里應該寫成 --> &amp;。

比如:

You & Me

--> 應該寫成:

You &amp; Me

=====天王蓋地虎 寶塔鎮河妖=====XHTML 里應該寫成 &amp!

還有如果內嵌 Javascript 代碼,在 XHTML 里則應該寫成:

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

//]]></script>

瀏覽器的角度

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

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

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

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

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

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

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

而你使用的時候寫成,

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

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

XHTML 標準的前途

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

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

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

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

.
Tags:   XHTML HTML 網頁制作   
Web URL:http://www.dnkh.cn/faq/wangzhan/xhtml-html.html   收藏此文  打印此文
  • 上一篇:如何清除IE緩存
  • 下一篇:Google企業網站統計分析系統--通過本地文件提高Google Anlytics性能
  • 相關文章列表

    91视频亚洲,欧美在线一区二区三区四,成人午夜无人区一区二区,中文字幕日韩av
    妖精视频一区二区| 又大又长粗又爽又黄少妇视频| 性色av蜜臀av浪潮av老女人| 国产裸体视频网站| 国内精品卡一卡二卡三| 亚洲精品一区二区三区影院忠贞| 免费日本黄色网址| 五月天色婷婷丁香| 法国空姐电影在线观看| 少妇一级淫片免费放播放| 一卡二卡三卡四卡五卡| 在线观看黄网址| 日本精品久久久久中文| 欧美 日本 国产| 激情综合激情五月| 国产a√精品区二区三区四区| 亚洲色图100p| 国产一区二区三区视频播放| 我和岳m愉情xxxⅹ视频| 亚洲天堂成人av| 国产精品无码电影| 亚洲av无码一区二区三区观看| 国产人妻精品午夜福利免费| 一区二区三区人妻| 91av免费观看| av在线播放网址| theav精尽人亡av| 在线免费观看日韩av| 五月天精品视频| 免费人成又黄又爽又色| www亚洲色图| 黄色a级片在线观看| 人妻人人澡人人添人人爽| 中文字幕1区2区| 一级欧美一级日韩片| 中文字幕一区三区久久女搜查官| 一区二区黄色片| 日韩在线视频网址| 黄色国产在线观看| 国产三级国产精品国产国在线观看| 99精品久久久久| 欧美黑人欧美精品刺激| jizzjizzjizz国产| 中文字幕在线国产| 性欧美一区二区| 国产精品白丝喷水在线观看| 制服丝袜在线第一页| 欧美丰满少妇人妻精品| 成人午夜免费影院| 亚洲激情 欧美| 操她视频在线观看| 人妻在线日韩免费视频| 顶臀精品视频www| 在线免费看黄色片| 波多野结衣喷潮| 蜜臀av一区二区三区有限公司| 一道本在线观看| 熟妇高潮一区二区| 搜索黄色一级片| 日本激情小视频| 久久黄色一级视频| 一级片手机在线观看| 中文字幕第六页| 娇小11一12╳yⅹ╳毛片| 国产中年熟女高潮大集合| 久久久久久久久久久久久女过产乱| 真人bbbbbbbbb毛片| aa片在线观看视频在线播放| 成人激情五月天| theav精尽人亡av| 视频免费在线观看| 国产免费无码一区二区| 午夜成人亚洲理伦片在线观看| 亚洲国产精品自拍视频| 国产乱国产乱老熟300部视频| 日本精品在线免费观看| 中文字幕观看av| 久草手机视频在线观看| 免费91在线观看| 波兰性xxxxx极品hd| 搜索黄色一级片| 亚洲熟女毛茸茸| 亚洲天堂网av在线| 成年人一级黄色片| 先锋资源在线视频| 捆绑凌虐一区二区三区| www.超碰97| 欧美福利第一页| 日本激情视频一区二区三区| 性生交大片免费全黄| 麻豆精品国产传媒| 国产精品成人一区二区三区电影毛片 | 少妇一级淫片免费放播放| 国产精品一区二区人妻喷水| 欧美 日本 国产| 亚洲人与黑人屁股眼交| 破处女黄色一级片| 精品国产aⅴ一区二区三区东京热| 国产又黄又嫩又滑又白| aa一级黄色片| 日韩精品一区二区三区在线视频| 精品欧美一区二区久久久久| 亚洲中文字幕一区| 99久久精品久久亚洲精品| 特级特黄刘亦菲aaa级| 91国模少妇一区二区三区| 青青青手机在线视频| 无码人妻丰满熟妇啪啪网站| 一级片手机在线观看| 少妇高潮一69aⅹ| 最近中文字幕免费| 欧美人与性动交α欧美精品| mm131美女视频| 在线免费观看亚洲视频| 久久久久久久久久久久| 久久精品女同亚洲女同13| 国产又粗又长免费视频| 国产伦精品一区三区精东| 亚洲欧美精品久久| 69视频在线观看免费| 性久久久久久久久久久| a级大片免费看| 在线视频第一页| 巨胸大乳www视频免费观看| 黑人巨大猛交丰满少妇| 天天鲁一鲁摸一摸爽一爽| 亚洲精品理论片| 日本国产在线视频| 第一页在线视频| wwwxxx色| caopor在线| 东方av正在进入| 久久久精品少妇| www.av免费| 国产suv精品一区二区68| 人人艹在线视频| av最新在线观看| 在线观看黄网址| 希岛爱理中文字幕| 小泽玛利亚一区| 四虎免费在线视频| 五月天丁香激情| 性生交大片免费看l| 国产精品二区视频| 又黄又爽又色的视频| 在线观看亚洲免费视频| 老熟妇精品一区二区三区| 女同性恋一区二区三区| 大黑人交xxx极品hd| 男人舔女人下部高潮全视频| 亚洲天堂岛国片| www.超碰在线观看| 中文字幕一区二区人妻电影丶| 日韩网站在线播放| 美国一级片在线观看| 美国黄色一级视频| 精品少妇一区二区三区免费观| 日韩欧美视频免费观看| 亚洲无人区码一码二码三码| 中文字幕免费看| 久草网站在线观看| 精品无码在线观看| 亚洲国产精品久| 亚洲午夜久久久久久久久红桃| 国产一二三四视频| 国模私拍在线观看| 东京热无码av男人的天堂| 久久综合桃花网| 小早川怜子久久精品中文字幕| 国产黄色的视频| 国产高清一区二区三区四区| wwwxxx色| 日本一二三区在线观看| 国产黑丝一区二区| 亚洲最大成人综合网| xxxxwww一片| 亚洲一级二级片| 国产精品欧美性爱| 国产一区二区三区视频播放| 亚洲欧美另类日本| 中文乱码字幕高清一区二区| 国产3级在线观看| 中国特级黄色片| 给我看免费高清在线观看| 91在线无精精品白丝| 天天综合天天做| 国产成人精品无码免费看夜聊软件| 久草视频手机在线| 啪啪一区二区三区| 少妇的滋味中文字幕bd| 成年人网站免费在线观看 | 91网站免费视频| 一级国产黄色片| 老女人性淫交视频| chinese全程对白| 色综合99久久久无码国产精品| 在线观看国产三级| 日韩免费高清一区二区| 佐佐木明希电影| av av在线|