HTML5新語義元素

  1. <main>元素:聲明主內(nèi)容區(qū)(只能有一個(gè))。
  2. <section>元素:定義文檔或應(yīng)用中一個(gè)通用的區(qū)塊(關(guān)鍵是要知道這個(gè)元素不是為應(yīng)用樣式而存在的蒜焊,若是請(qǐng)用div元素迂尝,tips:一般用section包裝可見組件)嘉熊。
  3. <nav>元素:包裝指向其他頁面或同意頁面不同部分的主導(dǎo)航鏈接(使用nav嵌套多個(gè)a標(biāo)簽來代替使用ul和li來寫導(dǎo)航)陈惰。
  4. <article>元素:用于包含一個(gè)獨(dú)立的內(nèi)容塊,明顯可以放到article元素中的內(nèi)容有博客正文和新聞報(bào)道禀挫。對(duì)于嵌套<article>而言旬陡,內(nèi)部的<article>應(yīng)該與外部的<article>相關(guān)。
  5. <aside>元素:用于包含與其旁邊不相關(guān)的內(nèi)容语婴,實(shí)踐中多用于包裝側(cè)邊欄(也適合包裝特出引用描孟、廣告和導(dǎo)航元素∨樽螅基本上任何與主內(nèi)容無直接關(guān)系的都可以放里面)匿醒。
  6. <figure>和<figurecaption>元素:可用于包含注解、圖示缠导、照片廉羔、代碼,等等僻造。
  7. <detail>和<summary>元素:這是一個(gè)“展開”/“收起”部件憋他。用戶單擊一段摘要,就會(huì)打開相應(yīng)的補(bǔ)充內(nèi)容面板嫡意。
<details>
    <summary>I hate 15 scones in one day</summary>
    <p>of course举瑰,I didn't. It would probably kill me if I did. </p>
</details>

8.<header>元素:可以將<header>元素用在站點(diǎn)頁頭作為“報(bào)頭”捣辆,或者在<article>元素中用作某個(gè)區(qū)塊的引介區(qū)蔬螟,可以在一個(gè)頁面中出現(xiàn)多次(比如頁面內(nèi)每個(gè)section中都可以有一個(gè)header)。
9.<footer>元素:用于在相應(yīng)區(qū)塊中包含與區(qū)塊相關(guān)的內(nèi)容汽畴,可以包含指向其他文檔的鏈接旧巾,或者版權(quán)聲明∪绦可以出現(xiàn)多次鲁猩,比如可以作為博客的頁腳,同時(shí)用它包含文章的末尾部分罢坝。
10.<address>元素:用于標(biāo)記聯(lián)系人廓握,為最接近的<article>和<body>元素所用。但它不是為包含郵政地址準(zhǔn)備的,郵政地址應(yīng)放在傳統(tǒng)的<p>標(biāo)簽里隙券。
11.< h1-h6>元素:HTML5規(guī)范說:“h1-h6元素不能用于標(biāo)記副標(biāo)題男应、字幕、廣告語娱仔,除非想把他們用作新區(qū)塊或子區(qū)塊的標(biāo)題沐飘。”

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末牲迫,一起剝皮案震驚了整個(gè)濱河市耐朴,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌盹憎,老刑警劉巖筛峭,帶你破解...
    沈念sama閱讀 216,744評(píng)論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異脚乡,居然都是意外死亡蜒滩,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,505評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門奶稠,熙熙樓的掌柜王于貴愁眉苦臉地迎上來俯艰,“玉大人,你說我怎么就攤上這事锌订≈裎眨” “怎么了?”我有些...
    開封第一講書人閱讀 163,105評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵辆飘,是天一觀的道長啦辐。 經(jīng)常有香客問我,道長蜈项,這世上最難降的妖魔是什么芹关? 我笑而不...
    開封第一講書人閱讀 58,242評(píng)論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮紧卒,結(jié)果婚禮上侥衬,老公的妹妹穿的比我還像新娘。我一直安慰自己跑芳,他們只是感情好轴总,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,269評(píng)論 6 389
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著博个,像睡著了一般怀樟。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上盆佣,一...
    開封第一講書人閱讀 51,215評(píng)論 1 299
  • 那天往堡,我揣著相機(jī)與錄音械荷,去河邊找鬼。 笑死虑灰,一個(gè)胖子當(dāng)著我的面吹牛养葵,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播瘩缆,決...
    沈念sama閱讀 40,096評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼关拒,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了庸娱?” 一聲冷哼從身側(cè)響起着绊,我...
    開封第一講書人閱讀 38,939評(píng)論 0 274
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎熟尉,沒想到半個(gè)月后归露,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,354評(píng)論 1 311
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡斤儿,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,573評(píng)論 2 333
  • 正文 我和宋清朗相戀三年剧包,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片往果。...
    茶點(diǎn)故事閱讀 39,745評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡疆液,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出陕贮,到底是詐尸還是另有隱情堕油,我是刑警寧澤,帶...
    沈念sama閱讀 35,448評(píng)論 5 344
  • 正文 年R本政府宣布肮之,位于F島的核電站掉缺,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏戈擒。R本人自食惡果不足惜眶明,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,048評(píng)論 3 327
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望筐高。 院中可真熱鬧搜囱,春花似錦、人聲如沸凯傲。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,683評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽冰单。三九已至,卻和暖如春灸促,著一層夾襖步出監(jiān)牢的瞬間诫欠,已是汗流浹背涵卵。 一陣腳步聲響...
    開封第一講書人閱讀 32,838評(píng)論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留荒叼,地道東北人轿偎。 一個(gè)月前我還...
    沈念sama閱讀 47,776評(píng)論 2 369
  • 正文 我出身青樓,卻偏偏與公主長得像被廓,于是被迫代替她去往敵國和親坏晦。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,652評(píng)論 2 354

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

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案嫁乘? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,751評(píng)論 1 92
  • 在HTML 5出來之前蜓斧,我們用div來表示頁面章節(jié)仓蛆,但是這些div都沒有實(shí)際意義。(即使我們用css樣式的id和c...
    浪漫歌閱讀 381評(píng)論 0 0
  • 首先是關(guān)于語義(Semantics)和默認(rèn)樣式的區(qū)別挎春,默認(rèn)樣式是瀏覽器設(shè)定的一些常用tag的表現(xiàn)形式看疙,語義化的主要...
    DecadeHeart閱讀 3,433評(píng)論 0 3
  • HTML 5的革新之一:語義化標(biāo)簽一節(jié)元素標(biāo)簽。 在HTML 5出來之前直奋,我們用div來表示頁面章節(jié)能庆,但是這些di...
    吳越公子閱讀 763評(píng)論 0 0
  • git add . git commit -m "first commit"//提交到要地倉庫,并寫一些注釋 gi...
    maybeshi閱讀 174評(píng)論 1 0