pg 电子

書名： HTML+CSS網(wǎng)頁設(shè)計實踐教程
作者名：田中雨
本章字?jǐn)?shù)： 1955字
更新時間： 2021-03-19 20:42:59

1.2 HTML 5與其他技術(shù)的區(qū)別

一種技術(shù)或多或少都會與其他技術(shù)有著相同或不同的區(qū)別，本節(jié)將介紹HTML 5技術(shù)與其他幾種技術(shù)的常見區(qū)別。

1.2.1 與XHTML的區(qū)別

HTML（Hypertext Markup Language）是一種用于描述網(wǎng)頁內(nèi)容的超文本標(biāo)記語言，而XHTML（eXtensible HyperText Markup Language，XHTML）是一種置標(biāo)語言，其表現(xiàn)方式與HTML類似，但是它在語法上要求更加嚴(yán)格。從繼承關(guān)系來講，HTML是一種基于SGML的應(yīng)用，是一種非常靈活的置標(biāo)語言；而XHTML則是基于XML的，XML是SGML的一個子集。

XHTML比HTML要求更加嚴(yán)格，說明如下。

（1）所有的標(biāo)記都必須要有一個相應(yīng)的結(jié)束標(biāo)記。

HTML中可以打開許多標(biāo)記，如<li>不一定要使用結(jié)束標(biāo)記</li>進行關(guān)閉。但是在XHTML中這是不合法的，它要求嚴(yán)謹(jǐn)?shù)慕Y(jié)構(gòu)，所有的標(biāo)記都必須關(guān)閉。如果是單獨不成對的標(biāo)記，則需要在標(biāo)記最后加上一個斜杠來關(guān)閉。例如，<img>標(biāo)記的使用如下：

    <img height="80" alt="網(wǎng)頁設(shè)計師" src="images/logo.gif" width="200" />

（2）所有標(biāo)記的元素和屬性的名字都必須使用小寫。

HTML不區(qū)分大小寫，但是XHTML對大小寫是敏感的，例如，<title>和<TITLE>是不同的標(biāo)記。XHTML中要求所有標(biāo)記和屬性的名字都必須使用小寫，例如，<BODY>必須寫成<body>。大小寫混合著寫也是不被認(rèn)可的，通常在Dreamweaver中自動生成的屬性名字如onMouseOver也必須修改成onmouseover。

（3）所有的XML標(biāo)記都必須合理嵌套。

XHTML嚴(yán)謹(jǐn)?shù)慕Y(jié)構(gòu)要求嵌套都必須按順序，一層一層的嵌套必須是嚴(yán)格的對稱。

（4）所有的屬性必須用引號""括起來。

HTML中可以不給屬性值加引號，但是在XHTML中，它們必須被加引號。如下代碼：

    <input type="text" height="25" width="200">

某些特殊情況下，設(shè)計人員需要在屬性值中同時使用雙引號和單引號，雙引號可以用""，單引號可以使用'表示。

（5）特殊符號用編碼表示。

常用的特殊符號有三個，它們分別是<、>和&，說明如下。

① <（任何小于號）：不是標(biāo)記的一部分，都必須被編碼為&lt。

② >（任何大于號）：不是標(biāo)記的一部分，都必須被編碼為&gt。

③ &（任何與號）：不是實體的一部分，都必須被編碼為&amp。

（6）為所有屬性賦一個值。

XHTML規(guī)定所有屬性都必須有一個值，沒有值的就重復(fù)本身。例如，HTML中可以聲明如下代碼：

    <input type="checkbox" name="shirt" value="medium" checked>

但是在XHTML中就必須修改為如下代碼：

    <input type="checkbox" name="shirt" value="medium" checked="checked">

（7）不要在注釋內(nèi)容中使用“--”。

“--”只能發(fā)生在XHTML注釋的開頭和結(jié)束，也就是說，在內(nèi)容中它們不再有效。例如，在網(wǎng)頁中聲明“”中間的“--”是沒有效果的，這時需要用等號或者空格替換內(nèi)部的虛線，例如“”。

（8）圖片必須有說明文字。

每一張圖片標(biāo)記都必須通過alt屬性添加說明文字。代碼如下：

    <img src="ball.jpg" alt="ball" title="ball"/>

1.2.2 與Silverlight和Flash的區(qū)別

Flash與Silverlight兩項技術(shù)都是當(dāng)前應(yīng)用最為廣泛的RIA（Rich Internet Applications，富互聯(lián)網(wǎng)應(yīng)用）技術(shù)，HTML 5的發(fā)展是大勢所趨，它和前兩種技術(shù)在RIA領(lǐng)域呈現(xiàn)了三足鼎立的局面。

但是，隨著HTML 5的不斷發(fā)展，它使Flash和Silverlight受到了威脅。許多業(yè)內(nèi)人士認(rèn)為，HTML 5將會最終代替多媒體框架（如Flash）和Silverlight，但是，短期看來還不是時候。HTML 5到2014年才逐步成熟，而且將現(xiàn)有應(yīng)用Flash的網(wǎng)絡(luò)開發(fā)完全轉(zhuǎn)向HTML5還需要一段時間。

下面從吸引開發(fā)者、HTML 5和移動三大方面對Flash、Silverlight和HTML 5技術(shù)進行了對比。

1．吸引開發(fā)者

開發(fā)者是公司爭奪的核心，Adobe幾乎搶占了全部終端用戶市場，互聯(lián)網(wǎng)上98%的計算機運行Flash，這對開發(fā)者來說非常重要。雖然Adobe并不是操作系統(tǒng)提供商，但他們讓Flash進駐到幾乎每一個瀏覽器和平臺。

微軟的Silverlight已經(jīng)發(fā)展到4.0，聲稱擁有45%的市場，在歐洲和亞洲更高（60%）。它也提供跨平臺和瀏覽器支持，盡管對Linux的支持不夠及時。另外，微軟稱他們已擁有近五十萬開發(fā)者。雙方都有超級大客戶，微軟受益于體育運動賽事，他們還為Netflix以及維多利亞內(nèi)衣Show提供在線視頻。Adobe則涵蓋了幾乎所有大型視頻網(wǎng)站，包括YouTube和Hulu。

微軟在Silverlight的開發(fā)工具方面做得很好，在Silverlight剛剛推出時就向開發(fā)者社區(qū)提供了開發(fā)工具，微軟.NET開發(fā)者可以直接在Visual Studio中開發(fā)Silverlight應(yīng)用。Flash開發(fā)者則使用ActionScript、Flex、FlashBuilder等工具進行開發(fā)。

另外，在編碼器、API、音頻處理、文件格式與尺寸、性能、動畫模式等方面，雙方也是各有千秋。不過，他們辯論的焦點始終都是如何同時吸引前端和后端開發(fā)者。微軟的Expression目前只支持Windows系統(tǒng)，將Mac陣營的開發(fā)者拒之門外。同時，Adobe也借Catalyst吸引各個平臺的開發(fā)者。微軟的Goldfarb提到他們注重開發(fā)者的傳統(tǒng)，Adobe則強調(diào)他們的用戶基礎(chǔ)，雙方都保證會為消費及企業(yè)用戶提供跨媒體的富Internet體驗。

2．HTML 5

如果說Silverlight的推出讓Adobe感到棘手，那么他們現(xiàn)在都應(yīng)該對HTML 5感到棘手，HTML 5的使命是讓RIA成為HTML標(biāo)準(zhǔn)。不過，雙方都不承認(rèn)HTML 5對他們的威脅，相反，都表示要與HTML 5和平共處，讓Flash和Silverlight在HTML 5下工作，并且在相關(guān)工具中提供對HTML 5的支持。

3．移動

Adobe的Murarka曾提到：在日本，F(xiàn)lash是除了短消息之外的第二大移動應(yīng)用。根據(jù)他們的路線圖，他們將向19或20家最大的OEM商提供對Flash的支持。雖然Silverlight不支持微軟自己的移動操作系統(tǒng)，但是，微軟已經(jīng)宣布同Nokia合作向Symbian系統(tǒng)提供Silverlight。

另外，iPhone是一個讓Adobe如梗在喉的東西，Adobe已經(jīng)要求開發(fā)者編寫可以在iPhone上運行的Flash程序，雖然蘋果不允許在iPhone上運行解釋代碼（如Java、PHP、PERL），但是Murarka表示會繼續(xù)同蘋果溝通。

鑒于將來會有比桌面PC更多的移動設(shè)備投入使用，微軟和Adobe必將在移動領(lǐng)域激烈競爭。目前的手機硬件還不適合運行太多RIA應(yīng)用，但是，隨著硬件的發(fā)展，未來的兩三年就可以實現(xiàn)。

官术网_书友最值得收藏!

HTML+CSS網(wǎng)頁設(shè)計實踐教程

1.2 HTML 5與其他技術(shù)的區(qū)別

1.2.1 與XHTML的區(qū)別

1.2.2 與Silverlight和Flash的區(qū)別