什么是html5?
html5 ≈ html5新增標(biāo)簽及規(guī)范 + CSS3 +javascript API(應(yīng)用程序接口 通過javascript調(diào)用)
HTML5的設(shè)計目的是為了在移動設(shè)備上支持多媒體。新的語法特征被引進(jìn)以支持這一點,如video、audio和canvas 標(biāo)記。HTML5還引進(jìn)了新的功能,可以真正改變用戶與文檔的交互方式。
html5屬性規(guī)范 自定義屬性必須以"data-"開頭:
<div id="" data-xxx=""></div>
img、input標(biāo)簽可以不用閉合
<img src="" alt="">
<input type="">
html5新增標(biāo)簽(1)
語義標(biāo)簽:
header、nav、main、aside、footer、section、article
<!-- header 頭部 -->
<header>
<!-- nav 導(dǎo)航 -->
<nav></nav>
</header>
<!-- main 內(nèi)容主體-->
<main>
<!-- aside 側(cè)邊欄 -->
<aside></aside>
</main>
<!-- footer 尾部 -->
<footer></footer>
<header>標(biāo)簽:<header>元素表示一組引導(dǎo)性的幫助,可能包含標(biāo)題元素,也可以包含其他元素,像logo、分節(jié)頭部、搜索表單等。
<footer>標(biāo)簽: <footer> 元素表示最近一個章節(jié)內(nèi)容或者根節(jié)點(sectioning root )元素的頁腳。一個頁腳通常包含該章節(jié)作者、版權(quán)數(shù)據(jù)或者與文檔相關(guān)的鏈接等信息。
<nav>標(biāo)簽:HTML導(dǎo)航欄 <nav>)描繪一個含有多個超鏈接的區(qū)域,這個區(qū)域包含轉(zhuǎn)到其他頁面,或者頁面內(nèi)部其他部分的鏈接列表。
<aside>標(biāo)簽:<aside> 元素表示一個和其余頁面內(nèi)容幾乎無關(guān)的部分,被認(rèn)為是獨立于該內(nèi)容的一部分并且可以被單獨的拆分出來而不會使整體受影響。其通常表現(xiàn)為側(cè)邊欄或者嵌入內(nèi)容。他們通常包含在工具條,例如來自詞匯表的定義。也可能有其他類型的信息,例如相關(guān)的廣告、筆者的傳記、web 應(yīng)用程序、個人資料信息,或在博客上的相關(guān)鏈接。
<main>標(biāo)簽:
(1)<main>標(biāo)簽不能是以下元素的繼承<article>、<aside>、<header>、<footer>、<nav>。
(2)在一個文檔中不能出現(xiàn)一個以上的<main>標(biāo)簽。
(3)<main>標(biāo)簽在PC端不支持IE瀏覽器,在手機(jī)端只支持Firefox火狐瀏覽器,所以不支持使用<main>標(biāo)簽。
可以使用article和section標(biāo)簽代替:
<header>
<h1 class="logo">header</h1>
</header>
<section>
<article>
<section></section>
</article>
<aside class="aside"></aside>
</section>
<footer></footer>
<article>標(biāo)簽:<article>元素表示文檔、頁面、應(yīng)用或網(wǎng)站中的獨立結(jié)構(gòu),其意在成為可獨立分配的或可復(fù)用的結(jié)構(gòu),如在發(fā)布中,它可能是論壇帖子、雜志或新聞文章、博客、用戶提交的評論、交互式組件,或者其他獨立的內(nèi)容項目。
<section>標(biāo)簽:HTML Section 元素 (<section>) 表示文檔中的一個區(qū)域(或節(jié)),比如,內(nèi)容中的一個專題組,一般來說會有包含一個標(biāo)題(heading)。一般通過是否包含一個標(biāo)題 (<h1>—<h6>element)作為子節(jié)點 來 辨識每一個<section>。
讓IE6、7、8支持html5.官方給出的解決方案 -html5shiv.js
<script src="https://cdn.bootcss.com/html5shiv/r29/html5.min.js"></script>