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