掃二維碼與項(xiàng)目經(jīng)理溝通
我們?cè)谖⑿派?4小時(shí)期待你的聲音
解答本文疑問(wèn)/技術(shù)咨詢(xún)/運(yùn)營(yíng)咨詢(xún)/技術(shù)建議/互聯(lián)網(wǎng)交流
【譯文】HTML 5是時(shí)下Web開(kāi)發(fā)領(lǐng)域炒得火熱的一個(gè)術(shù)語(yǔ)，是的，很多人都看好它，也有很多業(yè)內(nèi)知名公司開(kāi)始正式使用HTML 5重新構(gòu)建自己的網(wǎng)站，如YouTube開(kāi)始使用HTML 5視頻，Google已經(jīng)棄用自家的Gears，開(kāi)始全面擁抱HTML 5實(shí)現(xiàn)離線(xiàn)解決方案，各大瀏覽器廠(chǎng)家也紛紛開(kāi)始支持HTML 5，連被人詬病的微軟也聲稱(chēng)要在IE 9中增加對(duì)HTML 5的支持。本文打算為大家詳細(xì)介紹一下如何構(gòu)建一個(gè)完整的HTML 5 Web頁(yè)面，以加深對(duì)HTML 5的理解。
創(chuàng)新互聯(lián)-專(zhuān)業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性?xún)r(jià)比滄州網(wǎng)站開(kāi)發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式滄州網(wǎng)站制作公司更省心,省錢(qián),快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋滄州地區(qū)。費(fèi)用合理售后完善，10多年實(shí)體公司更值得信賴(lài)。
HTML 5有何不同？
首先我們要明白HTML 5是新的語(yǔ)義結(jié)構(gòu)標(biāo)記，包括畫(huà)布，離線(xiàn)存儲(chǔ)規(guī)范和一些新的內(nèi)聯(lián)語(yǔ)義標(biāo)記，但由于客觀原因（主要是瀏覽器支持的原因），我們不得不限制標(biāo)記的討論范圍，如畫(huà)布，離線(xiàn)存儲(chǔ)，原生視頻或地理定位API等，還不是所有的瀏覽器都支持。
由于新的HTML 5標(biāo)記大都是結(jié)構(gòu)性的，它們的行為與塊元素有些類(lèi)似，為了幫助大家加深對(duì)HTML 5的理解，我將在下面的內(nèi)容使用一些新的結(jié)構(gòu)元素。
每個(gè)人都應(yīng)該記住的doctype（文檔類(lèi)型）
要?jiǎng)?chuàng)建HTML 5 Web頁(yè)面的***件事情是使用新的doctype，你一定記住了HTML 4或XHTML 1.x的doctype，當(dāng)我們要從舊的文檔通過(guò)復(fù)制粘貼到新的文檔中，必須要修改doctype，請(qǐng)記住，下面就是HTML 5的doctype：
還是很容易記住吧，而且也不區(qū)分大小寫(xiě)，與現(xiàn)在廣泛使用的版本要簡(jiǎn)單得多了，而且保持了向后兼容。
語(yǔ)義結(jié)構(gòu)
在深入標(biāo)記前，我們先初略看一下一個(gè)Web頁(yè)面的大致結(jié)構(gòu)吧。