HTML5新語義元素

  1. <main>元素:聲明主內(nèi)容區(qū)(只能有一個)。
  2. <section>元素:定義文檔或應(yīng)用中一個通用的區(qū)塊(關(guān)鍵是要知道這個元素不是為應(yīng)用樣式而存在的,若是請用div元素,tips:一般用section包裝可見組件)。
  3. <nav>元素:包裝指向其他頁面或同意頁面不同部分的主導(dǎo)航鏈接(使用nav嵌套多個a標(biāo)簽來代替使用ul和li來寫導(dǎo)航)。
  4. <article>元素:用于包含一個獨立的內(nèi)容塊,明顯可以放到article元素中的內(nèi)容有博客正文和新聞報道。對于嵌套<article>而言,內(nèi)部的<article>應(yīng)該與外部的<article>相關(guān)。
  5. <aside>元素:用于包含與其旁邊不相關(guān)的內(nèi)容,實踐中多用于包裝側(cè)邊欄(也適合包裝特出引用、廣告和導(dǎo)航元素?;旧先魏闻c主內(nèi)容無直接關(guān)系的都可以放里面)。
  6. <figure>和<figurecaption>元素:可用于包含注解、圖示、照片、代碼,等等。
  7. <detail>和<summary>元素:這是一個“展開”/“收起”部件。用戶單擊一段摘要,就會打開相應(yīng)的補充內(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>元素用在站點頁頭作為“報頭”,或者在<article>元素中用作某個區(qū)塊的引介區(qū),可以在一個頁面中出現(xiàn)多次(比如頁面內(nèi)每個section中都可以有一個header)。
9.<footer>元素:用于在相應(yīng)區(qū)塊中包含與區(qū)塊相關(guān)的內(nèi)容,可以包含指向其他文檔的鏈接,或者版權(quán)聲明??梢猿霈F(xiàn)多次,比如可以作為博客的頁腳,同時用它包含文章的末尾部分。
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)題?!?/p>

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

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

友情鏈接更多精彩內(nèi)容