<var id="b3rx3"></var>

        <del id="b3rx3"><video id="b3rx3"></video></del>

            <big id="b3rx3"><strike id="b3rx3"></strike></big>

                <address id="b3rx3"></address>

                思為網絡

                + 網站建設營銷咨詢:028-8608 0655
                + 028-6181 2858 028-6657 7735 
                + 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.mobilefeds.com/faq/wangzhan/xhtml-html.html   收藏此文  打印此文
              1. 上一篇:如何清除IE緩存
              2. 下一篇:Google企業網站統計分析系統--通過本地文件提高Google Anlytics性能
              3. 相關文章列表

                最新中文字幕av专区_亚洲激情_扒开老师的粉嫩泬10p_xxxx欧美丰满大屁股