認(rèn)識(shí)html5

什么是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>
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末更哄,一起剝皮案震驚了整個(gè)濱河市芋齿,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌成翩,老刑警劉巖觅捆,帶你破解...
    沈念sama閱讀 216,692評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異麻敌,居然都是意外死亡栅炒,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,482評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門术羔,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)赢赊,“玉大人,你說(shuō)我怎么就攤上這事级历∈鸵疲” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 162,995評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵寥殖,是天一觀的道長(zhǎng)玩讳。 經(jīng)常有香客問(wèn)我,道長(zhǎng)嚼贡,這世上最難降的妖魔是什么熏纯? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,223評(píng)論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮编曼,結(jié)果婚禮上豆巨,老公的妹妹穿的比我還像新娘。我一直安慰自己掐场,他們只是感情好往扔,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,245評(píng)論 6 388
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著熊户,像睡著了一般萍膛。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上嚷堡,一...
    開(kāi)封第一講書(shū)人閱讀 51,208評(píng)論 1 299
  • 那天蝗罗,我揣著相機(jī)與錄音,去河邊找鬼蝌戒。 笑死串塑,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的北苟。 我是一名探鬼主播桩匪,決...
    沈念sama閱讀 40,091評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼友鼻!你這毒婦竟也來(lái)了傻昙?” 一聲冷哼從身側(cè)響起闺骚,我...
    開(kāi)封第一講書(shū)人閱讀 38,929評(píng)論 0 274
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎妆档,沒(méi)想到半個(gè)月后僻爽,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,346評(píng)論 1 311
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡贾惦,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,570評(píng)論 2 333
  • 正文 我和宋清朗相戀三年胸梆,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片须板。...
    茶點(diǎn)故事閱讀 39,739評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡乳绕,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出逼纸,到底是詐尸還是另有隱情,我是刑警寧澤济蝉,帶...
    沈念sama閱讀 35,437評(píng)論 5 344
  • 正文 年R本政府宣布杰刽,位于F島的核電站,受9級(jí)特大地震影響王滤,放射性物質(zhì)發(fā)生泄漏贺嫂。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,037評(píng)論 3 326
  • 文/蒙蒙 一雁乡、第九天 我趴在偏房一處隱蔽的房頂上張望第喳。 院中可真熱鬧,春花似錦踱稍、人聲如沸曲饱。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,677評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)扩淀。三九已至,卻和暖如春啤挎,著一層夾襖步出監(jiān)牢的瞬間驻谆,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,833評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工庆聘, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留胜臊,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,760評(píng)論 2 369
  • 正文 我出身青樓伙判,卻偏偏與公主長(zhǎng)得像象对,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子澳腹,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,647評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容

  • HTML5 標(biāo)簽comment 注釋標(biāo)簽用于在源文檔中插入注釋织盼。注釋內(nèi)容不會(huì)被瀏覽器顯示杨何。為代碼編寫注釋的好處是...
    才気莮孒閱讀 4,055評(píng)論 1 25
  • IE8以下不兼容HTML5使用以下代碼,注釋if判斷當(dāng)瀏覽器為IE9以下時(shí)解析 新增標(biāo)簽 標(biāo)簽定義圖形沥邻,比...
    語(yǔ)目閱讀 324評(píng)論 0 1
  • 問(wèn)答題47 /72 常見(jiàn)瀏覽器兼容性問(wèn)題與解決方案危虱? 參考答案 (1)瀏覽器兼容問(wèn)題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,748評(píng)論 1 92
  • Spring Cloud為開(kāi)發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見(jiàn)模式的工具(例如配置管理沉眶,服務(wù)發(fā)現(xiàn)镣煮,斷路器,智...
    卡卡羅2017閱讀 134,652評(píng)論 18 139
  • 《CSS揭秘》技巧三中提到心赶, 等價(jià)于: 為什么bottom right和100% 100%等價(jià)呢邮利?請(qǐng)看下面: ba...
    6659a0f02826閱讀 1,493評(píng)論 0 0