Pages

Subscribe:

2012年10月28日 星期日

要認識HTML5就來看看吧...


HTML5: WEB DEVELOPMENT TO THE NEXT LEVEL

HTML5 SHOWCASE FOR WEB DEVELOPERS: THE WOW AND THE HOW

(HTML5 網路的大未來,各家瀏覽器的實際應用與未來發展)

HTML5ROCKS - HTML5 Features





HTML5為開發者提供了儲存程式快取和簡易的資料庫功能,並可以指定線上和離線狀態時,要進行何種工作。這個功能讓網路程式在離線時也能夠正常運作,有了Local/Session StorageWeb SQLIndexedDBApplication Cache,讓HTML5程式可以將資料儲存在本機端。





連結性

HTML5的Web Workers讓JavaScript可以在後台執行,達成多工效果。HTML5支援WebSocket協定,讓本地端和伺服器之間能夠保持通訊連線,降低資料傳遞的反應時間。另外HTML5也加入了Notification可將伺服器將訊息推送到客戶端的功能。




另一個HTML5的有趣功能就是它可以存取本地端的檔案系統,聽起來沒什麼好玩的。不過如果你想把桌面的檔案直接拖入網路程式中,就用Drag & DropDesktop DropIn / DropOut功能。FileSystem API可以讓瀏覽器讀取檔案內容,例如你要上傳圖片,瀏覽器就可以在上傳的同時顯示縮圖等,再結合其他功能就能在瀏覽器對圖片進行處理。開發者還能利用HTML5擷取本地端裝置的功能,像是地理位置加速規、照相鏡頭、語音輸入等。




HTML5加入了過去沒有的語意標籤,並修改了自上一代HTML和XHTML流傳下來的缺點,讓HTML的語意更為完善,也支援更多功能,讓HTML5能夠自給自足,成為一個完整的程式平台,而不需依靠第三方提供的外掛,例如影音播放、遊戲製作、版面安排等功能,都是HTML5新加入的重點功能。





圖像 (BASICS OF THREE.JS)

瀏覽器的硬體加速想必大家都聽過,這是HTML5提供的圖像功能,讓瀏覽器能夠使用GPU的功能處理2D canvas、WebGL、SVG、CSS 3D變形等功能,讓網頁能夠在使用更先進的圖像時,保持網頁的反應速度。





HTML5的多媒體支援使用者已經聽到不要聽了吧,從YouTube支援HTML5影片播放,到Steve Jobs撰文批評Flash,並支持HTML5,都是媒體爭相報導的大事。HTML5支援直接插入影片、音訊等多媒體資源,不再需要第三方外掛






風格呈現

HTML5的另一個亮點就是搭配CSS3所能呈現出的網頁版面,CSS3提供了圓角、網路字型、轉場、2D和3D變型等功能,讓網頁的排版方式更為多樣,也讓網際網路可以變成最佳的電子書平台。





HTML5有多種增加執行效能的功能,讓網路程式的反應速度更加貼進原生程式,例如使用程式快取、CSS3的轉場和動畫功能、背景執行JavaScript等,都可以提升網路程式的反應速度,讓使用者有更加愉快的使用體驗。

沒有留言:

張貼留言