HTML5網站建設,相較于傳統的HTML的網站建設來說,主要是在網頁內容呈現的強化。
因應行動裝置普及的時代,先前的HTML+Flash在行動裝置上,有著效能上的問題,加上Apple的iPhone全面不支援Flash的關系,使得光靠HTML來制作的規范已無法滿足時代的需求。目前大部分瀏覽器已經更新換代,并支持新的網站技術,所以網站建設師們開始喜歡使用HTML5和CSS3代碼來編寫網頁,而且越來越流行,就算是國內也有很多網站使用了這些新技術來編寫。比如最近迅雷7的下載頁就使用了CSS3動畫,效果很不錯。
Html5廣義上來說包含了html5、css和JavaScript三個部分,不僅僅是根據第一印象的html5,html5讓網頁制作從布局到細節處理都更加的靈活,可以創建更好的網頁結構,擁有更加豐富的標簽,對媒體播放、編輯、存儲等有更好的支持方式,兼容性更強。?
? ?相同點
1、都是網頁的基礎,用來構建Web頁面的“骨架”
2、具有基本相同的標簽,如div,form,p等等
不同點:
1、 各個瀏覽器對HTML5的渲染或支持程度不同,但對HTML的支持或渲染已經很穩定
2、 html5正在發展,相當于于html的升級版本
3、 html5用戶可以編輯網頁的部分內容
4 、html5中元素可以使圖像腳本更靈活
5 、html5中 新的API讓頁面程序開發更簡單
6 、 html5改進頁面表單操作
7 、html5新增加了很多新的標簽,如footer等?
而在HTML5網站建設的規劃中,有以下幾個方向:
擴展原有的HTML標簽定義,增加許多可在行動裝置上更為方便使用的標簽,如<video></video>,讓制作者可以更快速的開發支援性作的影片播放器。
HTML5網站建設的精髓在于HTML5 + javascript + CSS3,借由前面三者的結合,提供網站建設應該更多的可能,如拖拉上傳、全動畫設計網站(以HTML5為基礎)、3D動畫設計、行動網站建設等等。
對于網頁的效能與應用做更進一步的強化,如離線瀏覽功能、資料庫儲存技術、SVG影像格式的使用。
以上幾點都是未來在這個領域上發展的重要方向,也因此若要成為這領域的筊筊者,必然要對于這個方面非常熟悉與理解才行。
接下來列出幾個在HTML5網站建設的方向上的網站:
1. HTML5Rocks
2. w3schools-HTML5
3. html5up?