什么是html5缺亮?
html5 ≈ html5新增標(biāo)簽及規(guī)范 + CSS3 +javascript API(應(yīng)用程序接口 通過(guò)javascript調(diào)用)
HTML5的設(shè)計(jì)目的是為了在移動(dòng)設(shè)備上支持多媒體阱持。新的語(yǔ)法特征被引進(jìn)以支持這一點(diǎn)斯碌,如video、audio和canvas 標(biāo)記雨膨。HTML5還引進(jìn)了新的功能幕垦,可以真正改變用戶與文檔的交互方式岳遥。
html5屬性規(guī)范 自定義屬性必須以"data-"開(kāi)頭:
<div id="" data-xxx=""></div>
img奕翔、input標(biāo)簽可以不用閉合
<img src="" alt="">
<input type="">
html5新增標(biāo)簽(1)
語(yǔ)義標(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> 元素表示最近一個(gè)章節(jié)內(nèi)容或者根節(jié)點(diǎn)(sectioning root )元素的頁(yè)腳。一個(gè)頁(yè)腳通常包含該章節(jié)作者纪蜒、版權(quán)數(shù)據(jù)或者與文檔相關(guān)的鏈接等信息衷恭。
<nav>標(biāo)簽:HTML導(dǎo)航欄 <nav>)描繪一個(gè)含有多個(gè)超鏈接的區(qū)域,這個(gè)區(qū)域包含轉(zhuǎn)到其他頁(yè)面纯续,或者頁(yè)面內(nèi)部其他部分的鏈接列表随珠。
<aside>標(biāo)簽:<aside> 元素表示一個(gè)和其余頁(yè)面內(nèi)容幾乎無(wú)關(guān)的部分灭袁,被認(rèn)為是獨(dú)立于該內(nèi)容的一部分并且可以被單獨(dú)的拆分出來(lái)而不會(huì)使整體受影響。其通常表現(xiàn)為側(cè)邊欄或者嵌入內(nèi)容牙丽。他們通常包含在工具條简卧,例如來(lái)自詞匯表的定義。也可能有其他類型的信息烤芦,例如相關(guān)的廣告、筆者的傳記析校、web 應(yīng)用程序构罗、個(gè)人資料信息,或在博客上的相關(guān)鏈接智玻。
<main>標(biāo)簽:
(1)<main>標(biāo)簽不能是以下元素的繼承<article>遂唧、<aside>、<header>吊奢、<footer>盖彭、<nav>。
(2)在一個(gè)文檔中不能出現(xiàn)一個(gè)以上的<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è)面、應(yīng)用或網(wǎng)站中的獨(dú)立結(jié)構(gòu)幻林,其意在成為可獨(dú)立分配的或可復(fù)用的結(jié)構(gòu)贞盯,如在發(fā)布中,它可能是論壇帖子沪饺、雜志或新聞文章躏敢、博客、用戶提交的評(píng)論整葡、交互式組件件余,或者其他獨(dú)立的內(nèi)容項(xiàng)目。
<section>標(biāo)簽:HTML Section 元素 (<section>) 表示文檔中的一個(gè)區(qū)域(或節(jié))掘宪,比如蛾扇,內(nèi)容中的一個(gè)專題組,一般來(lái)說(shuō)會(huì)有包含一個(gè)標(biāo)題(heading)魏滚。一般通過(guò)是否包含一個(gè)標(biāo)題 (<h1>—<h6>element)作為子節(jié)點(diǎn) 來(lái) 辨識(shí)每一個(gè)<section>镀首。
讓IE6、7鼠次、8支持html5.官方給出的解決方案 -html5shiv.js
<script src="https://cdn.bootcss.com/html5shiv/r29/html5.min.js"></script>