HTML5新增語義元素

  • <selection>
     <selection>是一個“通用文檔”。可以使用<selection>將文檔標記爲HTML,或者還可以包圍HTML。但<selection>並不是一個通用容器,<div>纔是。另外,只有對元素分組來指定樣式時才使用<div>。

  • <article>
     <article>是一個自包含的內容塊,適用於博客文章和新聞。

  • <header>
     <header>放在<section>和<article>之類的元素的最前面。還可以在體的最前面使用<header>爲頁面創建主頁眉。

  • <footer>
     <footer>放在其他元素的最下面。比如<selection>、<article>和<div>。頁面上可以有多個<footer>,只要頁面中某一節需要有腳註內容(如一篇文章的作者介紹或參考文獻),都可以使用這個元素。

  • <hgroup>
    <header>可以包含與首部相關的任何元素。<hgroup>專用於歸組<header>中的標題(<h1>…<h6>)。對於建立大綱很有幫助。

  • <nav>
    <nav>用於導航和鏈接。不過不僅是單個鏈接,如果有一組鏈接,也可以使用<nav>,比如網站的導航或者博客鏈接,不能用於段落中的鏈接。

  • <aside>
    <aside>適用於頁面主結構之外的大塊內容,比如旁註、引述或後來添加的內容。

  • <time>
    <time>用來標記時間。

  • <progress>
    <progress>表示完成一個任務的進度如何。使用這個元素,與javascript和CSS結合,可以實現一些不錯的效果。

  • <abbr>
    <abbr>單詞的縮寫。

  • <mark>
    <mark>用來標記單詞,比如,用來突出顯示或者完成編輯。這個元素很適用於搜索引擎結果。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章