- HTML+CSS+JavaScript網頁設計與布局：從新手到高手
- 王修洪 張振
- 1530字
- 2019-12-09 14:35:56
2.2 HTML5的優勢
HTML5發展從HTML4.0、XHTML到HTML5，使HTML描述性標記語言變得更加規范，同時也增加了許多非常實用的新功能。
2.2.1 HTML5優點
隨著HTML新特特性的不斷完善，目前HTML5己成為一種非常流行的標記語言，它具備如下4個優點。
1. 網絡標準
HTML5本身是由W3C推薦出來的，它的開發是由幾百家公司一起醞釀的技術，該技術為公開技術。因此，W3C通過的HTML5標準可以實現在每一個瀏覽器或每一個平臺中。
2. 多設備跨平臺
HTML5技術可以跨平臺使用，例如可以將HTML5開發的游戲移植到UC的開放平臺、Opera的游戲中心、Facebook應用平臺，甚至可以通過封裝的技術發放到App Store或Google Play上，所以它的跨平臺性非常強大，深受大多數開發者的青睞。
3. 自適應網頁設計
HTML5具有自適應網頁設計功能，也就是實現了“一次設計，普遍適用”的設想，它可以讓同一張網頁適應不同大小的屏幕，并根據屏幕寬度自動調整布局。
4. 即時更新
HTML5擁有即時更新功能，更新游戲好像更新頁面一樣簡單、迅速和即時；從而解決了使用游戲客戶端更新操作麻煩的問題。
通過上述優點，可以將HTML5的優點概括為下列幾點。
□ 提高可用性。
□ 改進用戶體驗。
□ 新增標簽有助于開發人員定義重要的內容。
□ 可以在站點中放置更多的多媒體視頻。
□ 可以很好地替代FLASH和Silverlight。
□ 被大量應用到移動應用程序和游戲。
□ 可移植性好。
2.2.2 HTML5的特性
HTML5的設計目的是為了在移動設備上支持多媒體，除了上述目的之外，HTML5還具有下列特性。
□ 語義特性 HTML5更加豐富的標簽會隨著對RDFa、微軟數據及微格式等方面的支持，構建對程序及對用戶都更具有價值的數據驅動Web。
□ 本地存儲特性 由于HTML5具有APP Cache和本地存儲功能，因此促使基于HTML5開發的網頁APP擁有更短的啟動時間、更快的聯網速度。
□ 設備兼容特性 HTML5提供的數據與應用接入開放接口，使外部應用可以直接與瀏覽器內部的數據直接相連，從而為網頁應用開發者們提供了更多功能上的優化選擇。
□ 連接特性 HTML5擁有更有效的服務器推送技術，促使基于頁面的實時聊天、更快速的網頁游戲體驗、更優化的在線交流得到了實現。而其中的Server-Sent Event和WebSockets特性，能夠幫助用戶實現服務器將數據“推送”到客戶端的功能。
□ 網頁多媒體特性 HTML5支持網頁端的Audio、Video等多媒體功能，它與網站自帶的APPS、攝像頭、影音功能相得益彰。“三維、圖形及特效特性 HTML5基于SVG、Canvas、WebGL及CSS3的3D功能，可以在瀏覽器中呈現出驚人的視覺效果。
□ 性能與集成特性 HTML5通過XMLHttp-Request2等技術，解決了以前的跨域等問題，幫助用戶的Web應用和網站在多樣化的環境中更快速地工作。
□ CSS3特性 在保持性能和語義結構的前提下，CSS3提供了更多的風格和更強的效果。
2.2.3 HTML5新功能
HTML5的發展越來越邁向成熟，很多的應用已經逐漸出現在日常生活中了，不止讓傳統網站上的互動Flash逐漸地被HTML5的技術取代，更重要的是可以透過HTML5的技術來開發跨平臺的手機軟體，讓許多開發者感到十分興奮。
下面列出的就是一些HTML 4和HTML5之間主要的不同之處。
□ 簡化的語法 更簡單的<doctype>聲明，在HTML5中，用戶只需要寫<!doctype html>就行了。HTML5的語法兼容HTML 4和XHTML 1。
□ 替代Flash的<Canvas>標簽 但對于那些花很多時間加載和運行的臃腫的Flash視頻的人來說，用新的<Canvas>標簽生成視頻的技術已經到來。
□ 新的<header>和<footer>標簽 HTML5的設計是要更好地描繪網站的解剖結構。這些<header>、<footer>等新標簽的出現，是專門為標識網站的這些部分而設計的。
□ <section>和<article>標簽 跟<header>和<footer>標簽類似，HTML5中引入的新的<section>和<article>標簽，可以讓開發人員更好地標注頁面上的這些區域。
□ <menu>和<figure>標簽 新的<menu>標簽可以被用作普通的菜單，也可以用在工具條和右鍵菜單上，雖然這些東西在頁面上并不常用。
新的<figure>標簽是一種更專業的管理頁面上文字和圖像的方式。
□ <audio>和<video>標簽 <audio>和<video>標簽是HTML5中增加用來嵌入音頻和視頻文件的。
除此之外還有一些新的多媒體的標簽和屬性，例如<track>標簽是用來提供跟蹤視頻的文字信息的。有了這些標簽，HTML5使Web 2.0特征變得越來越友好。
全新的表單設計。<form>和<forminput>標簽對原有的表單標簽進行的全新的修改，它們有很多的新屬性。
不再使用<b>和<font>標簽。
不再使用<frame>、<center>、<big>等標簽。
- 網頁設計與制作
- Photoshop電商網頁廣告設計實戰從入門到精通（超值版）
- 24小時學會網站建設
- Pro/ENGINEER三維造型設計實例精解
- 眾妙之門：網站UI設計之道2
- Vue.js Web開發案例教程（在線實訓版）
- Dreamweaver CC中文版網頁設計與制作從新手到高手
- 全能網頁設計師精煉手冊
- 速學速通：快學Flash網頁動畫
- Photoshop電商網頁廣告設計實戰從入門到精通
- Photoshop網頁設計從入門到精通
- 社交網站界面設計（原書第2版）
- 人人都玩開心網：Ext JS+Android+SSH整合開發Web與移動SNS
- Linux系統與網絡服務管理技術大全（第二版）
- 網頁設計與制作項目教程（微課版）