HTML5之啓動篇-HTML5簡介

2004年成立的web超文本應用技術工作組創立了HTML5的規範。2006年W3C介入HTML5的開發,並於2008年發不了HTML5的工作草案。2009年,W3C停止了對XHTML2的更新。2010年HTML5開始解決實際問題。


HTML5新特性
1.兼容性
HTML5的核心理念就是保持和過去技術的兼容和過渡。
2.合理性
HTML5新增加的元素都是對現有網頁和用戶習慣進行跟蹤、分析和概括而退出的。
3.效率
HTML5規範把用戶放在第一位,其次是頁面作者,再次是實驗者,接着是規範制定者,最後才考慮理論的純隨性。
4.安全性
HTML5規範中引入了一種新的基於來源的安全模型,該模型不僅易用,而且各種不同的API都可以通用。
5.分離
在清晰分離表現和內容方面,HTML5邁出了很大的一步。HTML5在所有可能的地方都努力進行了分離,包括HTML和CSS。
6.簡化
以瀏覽器原生能力代替複雜的JavaScirpt代碼
簡化的DOCTYPE
簡化的字符集聲明。
簡化而強大的HTML5 API
7.通用性
可訪問行:HTML5與WAI和ARIA做到了緊密結合,WAI-ARIA中以屏幕閱讀器爲基礎的元素已經被添加到HTML中;
媒體中介:如果可能的話,HTML5的功能在所有不同的設備和平臺上應該都能正常運行;
支持所有語種
8.無插件
HTML5中提供了對很多插件或者複雜hack的原生支持。

特性

語義特性(Class:Semantic)

HTML5賦予網頁更好的意義和結構。更加豐富的標籤將隨着對RDFa的,微數據與微格式等方面的支持,構建對程序、對用戶都更有價值的數據驅動的Web。

本地存儲特性(Class: OFFLINE STORAGE)

基於HTML5開發的網頁APP擁有更短的啓動時間,更快的聯網速度,這些全得益於HTML5 APP Cache,以及本地存儲功能。Indexed DB(html5本地存儲最重要的技術之一)和API說明文檔。

設備兼容特性 (Class: DEVICE ACCESS)

從Geolocation功能的API文檔公開以來,HTML5爲網頁應用開發者們提供了更多功能上的優化選擇,帶來了更多體驗功能的優勢。HTML5提供了前所未有的數據與應用接入開放接口。使外部應用可以直接與瀏覽器內部的數據直接相連,例如視頻影音可直接與microphones及攝像頭相聯。

連接特性(Class: CONNECTIVITY)

更有效的連接工作效率,使得基於頁面的實時聊天,更快速的網頁遊戲體驗,更優化的在線交流得到了實現。HTML5擁有更有效的服務器推送技術,Server-Sent Event和WebSockets就是其中的兩個特性,這兩個特性能夠幫助我們實現服務器將數據“推送”到客戶端的功能。

網頁多媒體特性(Class: MULTIMEDIA)

支持網頁端的Audio、Video等多媒體功能, 與網站自帶的APPS,攝像頭,影音功能相得益彰。

三維、圖形及特效特性(Class: 3D, Graphics Effects)

基於SVG、Canvas、WebGL及CSS3的3D功能,用戶會驚歎於在瀏覽器中,所呈現的驚人視覺效果。

性能與集成特性(Class: Performance Integration)

沒有用戶會永遠等待你的Loading——HTML5會通過XMLHttpRequest2等技術,幫助您的Web應用和網站在多樣化的環境中更快速的工作。

CSS3特性(Class: CSS3)

在不犧牲性能和語義結構的前提下,CSS3中提供了更多的風格和更強的效果。此外,較之以前的Web排版,Web的開放字體格式(WOFF)也提供了更高的靈活性和控制性。


HTML5構成
1.Canvas
2.Channel
3.Cross-document消息傳送
4.Geolocation
5.MathML
6.Microdata
7.Server-Sent Events
8.Scalable Vector Graphics
9.WebSocket API 及協議
10.Web Origin Concept
11.Web Storage
12.Web SQL database
13.Web Workers
14.XMLHttpRequest Level 2

一些概念:

1.HTML5發展的速度非常快,不用擔心瀏覽器的支持問題。

2.博斯塔爾法則:發送時要保守,接收時要開放。

3.doctype不是寫給瀏覽器看的,而是寫給驗證器看的。

4.只要想構建一款瀏覽器,就必須記住一個原則:必須支持已有的內容。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章