HTML5襲來(lái)了,作為是HTML4的全新升級(jí)版本,未來(lái)勢(shì)必成為主流標(biāo)準(zhǔn)。前者相比于后者,HTML5豐富了Web網(wǎng)頁(yè)的表現(xiàn)力,同時(shí)也增加了表單、本地?cái)?shù)據(jù)等全新功能,這些新功能的引人,對(duì)于我們網(wǎng)站的建設(shè)和表示形式是一個(gè)全新的體驗(yàn),而且一個(gè)難得的機(jī)遇,因?yàn)榈仓卮蟮母?,都是伴隨著巨大的進(jìn)步,為我們的生活帶來(lái)更多便利。那么具體的優(yōu)勢(shì)包括哪些呢。就目前了解到的情況,領(lǐng)城首席設(shè)計(jì)師為大家分享一下!
一.優(yōu)化flash, HTML5出現(xiàn)了新的 <canvas>標(biāo)記
對(duì)于做Flash網(wǎng)站的各位站長(zhǎng)都知道,加載大量falsh內(nèi)容的網(wǎng)站在打開(kāi)的用戶體驗(yàn)方面是一個(gè)頭疼問(wèn)題,flash豐富的網(wǎng)頁(yè)的顯示效果,但是因?yàn)閒lash文件的大小問(wèn)題,造成的網(wǎng)頁(yè)打開(kāi)速度硬傷。令站長(zhǎng)和服務(wù)器供應(yīng)商焦頭爛額。
針對(duì)這個(gè)問(wèn)題,html5推出了新的 <canvas> 標(biāo)記,它的作用不僅能提供Flash相關(guān)的功能,而且能優(yōu)化視頻加載速度,讓充滿動(dòng)畫(huà)的網(wǎng)站,不再那么難打開(kāi)。
二. <header> 和 <footer>標(biāo)記構(gòu)建更清晰的網(wǎng)站代碼結(jié)構(gòu)
良好的結(jié)構(gòu)才利于搜索引擎蜘蛛的爬行,優(yōu)化結(jié)構(gòu)才能提高蜘蛛的爬行效率,才能讓網(wǎng)站盡可能多的被收錄。<header> 和 <footer>元標(biāo)記的出現(xiàn)就是為了讓那些固定的結(jié)構(gòu)變得更有理,讓搜索引擎明白網(wǎng)站的結(jié)構(gòu),哪里是頭,哪里是腳。引導(dǎo)蜘蛛良好的認(rèn)識(shí)網(wǎng)站結(jié)構(gòu),也是帶領(lǐng)網(wǎng)站走向良好收錄的方向。
三. 繼續(xù)豐富網(wǎng)站體驗(yàn),引人音頻以及視頻嵌入功能
HTML5為什么會(huì)在贊譽(yù)聲中被接受,關(guān)鍵還在于它在優(yōu)化用戶體驗(yàn)上的突破,之前要在網(wǎng)頁(yè)加一個(gè)背景音樂(lè),那確實(shí)是一件復(fù)雜的事情。<bgsound>的運(yùn)用有十分大的局限性比如只能在IE下起作用。對(duì)于其他瀏覽器無(wú)效。于是這些呼聲在html5里面得到了很好的解決。HTML5新增了<audio> 和 <video> 標(biāo)記,它能將音頻以及視頻完美的嵌入到網(wǎng)頁(yè)中,而不影響網(wǎng)站的加載速度。從此以后快速而且有聲有色的網(wǎng)站開(kāi)始變成現(xiàn)實(shí),這怎么能不令人驚喜。
四. 新增本地?cái)?shù)據(jù)功能,方便管理
筆者之前提到HTML5新增了本地?cái)?shù)據(jù)這個(gè)新的功能,這個(gè)新功能是方便進(jìn)行數(shù)據(jù)管理。具體實(shí)現(xiàn)方式為:將內(nèi)嵌一個(gè)本地的SQL 數(shù)據(jù)庫(kù),以加速交互式搜索,緩存以及索引功能。同時(shí),那些離線Web 程序也將因此獲益匪淺,此外,由于HTML5加入了全新的表單,使得我們建站的時(shí)候?qū)τ赨RL可以使用微數(shù)據(jù),這一方式的改變,能讓我們更干凈的管理網(wǎng)頁(yè),使整個(gè)網(wǎng)站的整體層次分明,對(duì)于搜索引擎的友好又是不言而喻的。
怎么樣,準(zhǔn)備好了迎接這以心動(dòng)的變革了嗎。我們的網(wǎng)頁(yè)設(shè)計(jì)師已經(jīng)在加緊鉆研html5技術(shù)難題。如果你有興趣開(kāi)始建立一個(gè)全新的html5網(wǎng)站,感受一下新科技對(duì)你們的沖擊,那么歡迎跟領(lǐng)城的設(shè)計(jì)師取得聯(lián)系。讓最新的網(wǎng)頁(yè)標(biāo)準(zhǔn)來(lái)到你的身邊!