1、1超文本標(biāo)記語(yǔ)言HTML的第五個(gè)主要修訂版，是萬(wàn)維網(wǎng)的核心語(yǔ)言和標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言2HTML5旨在支持移動(dòng)設(shè)備上的多媒體引入了新的語(yǔ)法功能來(lái)支持這一點(diǎn)，例如視頻音頻和畫(huà)布標(biāo)簽HTML5還引入了新的功能，可以真正改。

2、section 標(biāo)簽，從語(yǔ)義化上看為部分，其用法如下用于頁(yè)面內(nèi)容的獨(dú)立分塊，往往是文章的一段 通常由內(nèi)容和標(biāo)題組成，沒(méi)有標(biāo)題的內(nèi)容不推薦使用 section 使用頻率低，強(qiáng)調(diào)分段分塊注HTML5與CSS3權(quán)威指南這本書(shū)中說(shuō)明。

3、HTML5 ltasideAside 的內(nèi)容是獨(dú)立的內(nèi)容，但應(yīng)與文檔內(nèi)容相關(guān)ltaside HTML4 ltdivAside 的內(nèi)容是獨(dú)立的內(nèi)容，但應(yīng)與文檔內(nèi)容相關(guān)ltdiv 標(biāo)簽定義聲音，比如音樂(lè)或其他音頻流 HTML5 ltaudio src=。

4、頭部headernav 側(cè)欄aside 內(nèi)容articlesectiondiv 腳部footer 這些僅僅是html5的一部分，常出現(xiàn)在整個(gè)網(wǎng)頁(yè)的“大框架”結(jié)構(gòu)上，具體位置如下html5 雖然增加了很多新的標(biāo)簽，但是并不代表完全拋棄了原有的標(biāo)簽。

5、1符合單一職責(zé)原則HTML5頁(yè)面就負(fù)責(zé)管理元素，而CSS3文件只負(fù)責(zé)對(duì)相應(yīng)HTML5文件顯示效果的渲染，相互獨(dú)立，互不相交2降低頁(yè)面的復(fù)雜度，便于維護(hù)試想，當(dāng)頁(yè)面的元素?cái)?shù)量增到很多的時(shí)候，同時(shí)在一個(gè)頁(yè)面里管理元素和元素的顯示屬性，可讀。

6、列舉常用HTML5結(jié)構(gòu)組合 header nav section article figure figcaption aside footer 一般首頁(yè)結(jié)構(gòu)，如圖所示 當(dāng)然也可以是下面的結(jié)構(gòu) 其中l(wèi)tsection和ltarticle最為相似，而且和div標(biāo)簽貌似也有很大相似之處但看似相似，并不是。

7、定義和用法ltcanvas 標(biāo)簽定義圖形，比如圖表和其他圖像HTML5 的 canvas 元素使用JavaScript 在網(wǎng)頁(yè)上繪制圖像畫(huà)布是一個(gè)矩形區(qū)域，您可以控制其每一像素canvas 擁有多種繪制路徑矩形圓形字符以及添加圖像的方法實(shí)例通過(guò)。

8、HTML5中新增了1ltheader2ltfooter3ltnav4ltsection5ltarticle6ltaside7ltfigure 多個(gè)有語(yǔ)義的結(jié)構(gòu)化標(biāo)簽元素其中section和article這兩個(gè)標(biāo)簽和div差不多功能，很容易混淆。

9、aside article footer header css3 css3被劃分為模塊，最重要的幾個(gè)模塊包括選擇器框模型背景和邊框文本效果2D3D 轉(zhuǎn)換動(dòng)畫(huà)多列布局用戶界面 選擇器 框模型 背景和邊框 borderradiusboxshadow。

10、1取消了一些過(guò)時(shí)的HTML4標(biāo)記 其中包括純粹顯示效果的標(biāo)記，如ltfont和ltcenter，它們已經(jīng)被CSS取代HTML5 吸取了XHTML2 一些建議，包括一些用來(lái)改善文檔結(jié)構(gòu)的功能，比如，新的HTML 標(biāo)簽 header， footer， dialog， aside。

11、1方法一給錨點(diǎn)文本標(biāo)簽添加id，使用lta href=quot#quotlta來(lái)定位，當(dāng)單擊a鏈接時(shí)，就會(huì)跳到id為a01的p標(biāo)簽處如ltdivlta href=quot#a01quotltaltdiv ltp練習(xí)ltpltp練習(xí)ltpltp練習(xí)ltpltp練習(xí)lt。

12、很多面試官會(huì)問(wèn)對(duì)于 HTML5語(yǔ)義化標(biāo)簽的理解那么本篇專(zhuān)門(mén)解答一下這個(gè)問(wèn)題除了讓開(kāi)發(fā)人員 更加理解你的html結(jié)構(gòu)及 代碼易讀之外，當(dāng)然有更有深度有趣的原因首先對(duì)W3C的HTML5其進(jìn)行大概的分類(lèi)，隨意看看可以這樣。

13、2如果article元素aside元素或nav元素更符合使用條件，不要使用section元素 3不要為沒(méi)有標(biāo)題的內(nèi)容區(qū)塊使用section元素 三兩者的區(qū)別 以上講述了那么多，兩者的區(qū)別到底是什么呢？事實(shí)上，在HTML5中，article元素可以看成是一種特。

14、從人的視覺(jué)上看是一樣沒(méi)錯(cuò)，但從機(jī)器搜索引擎的角度看HTML5的ltfigure標(biāo)簽更加語(yǔ)義化，更友好所謂的語(yǔ)義化就是通過(guò)HTML標(biāo)簽就能知道它的用途，比如ltfooterltfooter代表網(wǎng)頁(yè)的底部。

15、需要準(zhǔn)備的材料分別有電腦瀏覽器html編輯器1首先，打開(kāi)html編輯器，新建html文件，例如indexhtml2在indexhtml中的ltbody標(biāo)簽中，輸入html代碼ltdiv style=quotwidth 100px height 100px overflow。

16、為了方便兼容IE8中使用HTML5，可以使用JS的方法來(lái)使低于IE9版本的IE瀏覽器兼容lt！if lt IE 9 ltscript function var tags = #39header#39，#39footer#39，#39figure#39，#39figcaption#39，#39details#39，#39summary#39，#39hgroup#39。