這篇文章的內(nèi)容主要圍繞如何構(gòu)建HTML 5 Web頁面進(jìn)行講述，文章內(nèi)容清晰易懂，條理清晰，非常適合新手學(xué)習(xí)，值得大家去閱讀。感興趣的朋友可以跟隨小編一起閱讀吧。希望大家通過這篇文章有所收獲！

我們提供的服務(wù)有：網(wǎng)站建設(shè)、成都網(wǎng)站制作、微信公眾號(hào)開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、山海關(guān)ssl等。為1000多家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的山海關(guān)網(wǎng)站制作公司

HTML 5是時(shí)下Web開發(fā)領(lǐng)域炒得火熱的一個(gè)術(shù)語，是的，很多人都看好它，也有很多業(yè)內(nèi)知名公司開始正式使用HTML 5重新構(gòu)建自己的網(wǎng)站，如YouTube開始使用HTML 5視頻，Google已經(jīng)棄用自家的Gears，開始全面擁抱HTML 5實(shí)現(xiàn)離線解決方案，各大瀏覽器廠家也紛紛開始支持HTML 5，連被人詬病的微軟也聲稱要在IE 9中增加對(duì)HTML 5的支持。

HTML 5有何不同？

首先我們要明白HTML 5是新的語義結(jié)構(gòu)標(biāo)記，包括畫布，離線存儲(chǔ)規(guī)范和一些新的內(nèi)聯(lián)語義標(biāo)記，但由于客觀原因（主要是瀏覽器支持的原因），我們不得不限制標(biāo)記的討論范圍，如畫布，離線存儲(chǔ)，原生視頻或地理定位API等，還不是所有的瀏覽器都支持。

由于新的HTML 5標(biāo)記大都是結(jié)構(gòu)性的，它們的行為與塊元素有些類似，為了幫助大家加深對(duì)HTML 5的理解，我將在下面的內(nèi)容使用一些新的結(jié)構(gòu)元素。

每個(gè)人都應(yīng)該記住的doctype（文檔類型）

要?jiǎng)?chuàng)建HTML 5 Web頁面的第一件事情是使用新的doctype，你一定記住了HTML 4或XHTML 1.x的doctype，當(dāng)我們要從舊的文檔通過復(fù)制粘貼到新的文檔中，必須要修改doctype，請(qǐng)記住，下面就是HTML 5的doctype：

還是很容易記住吧，而且也不區(qū)分大小寫，與現(xiàn)在廣泛使用的版本要簡單得多了，而且保持了向后兼容。

語義結(jié)構(gòu)

在深入標(biāo)記前，我們先初略看一下一個(gè)Web頁面的大致結(jié)構(gòu)吧。

在上面的例子中，我為所有DIV標(biāo)記增加了ID，相信大多數(shù)Web設(shè)計(jì)師都很熟悉這種做法了，這么做有兩個(gè)目的，首先，ID提供了一個(gè)鉤子，通過它可以對(duì)頁面的特定部分應(yīng)用樣式，其次，ID作為一種原始的，偽語義結(jié)構(gòu)，智能解析器將查找標(biāo)簽上的ID屬性，并嘗試猜測(cè)其含義，但這是一件很困難的事情，因?yàn)槊總€(gè)網(wǎng)站的ID可能都不一樣。

于是就有了增加新標(biāo)簽的想法，HTML 5的創(chuàng)造者們就設(shè)計(jì)了一些新的元素，下面我們就來看看HTML 5中新增的一些關(guān)鍵的結(jié)構(gòu)性標(biāo)記。

◆