html5新增標簽與刪除標簽


新增標簽

 

  1.結構標簽(塊狀元素)——有意義的div

 

    <article>       標記定義一篇文章

    <header>      標記定義一個頁面或一個區域的頭部

    <nav>           標記定義導航鏈接

    <section>    標記定義一個區域

    <aisde>    標記定義頁面內容的側邊欄

    <hgroup>    標記定義文件中一個區塊的相關信息

    <figure>    標記定義一組媒體內容以及他們的標題

    <figcaption>   標記定義figure元素的標題

    <footer>     標記定義一個頁面或一個區域的底部

    <dialog>    標記定義一個對話框(會話框)類似微信

 

  2.多媒體標簽

 

    <video>       標記定義一個視屏

    <audio>       標記定義音頻內容

    <source>      標記定義媒體資源

    <canvas>      標記定義圖片

    <embed>      標記定義外部的可交互的內容或插件,比如flash

  標簽的意義:多媒體標簽的出現意味着多媒體的發展以及支持不適用插件的情況下即可操作媒體文件,極大提升了用戶體驗。

 

  3.Web應用標簽

 

    狀態標簽

    <meter>          實時狀態顯示:氣壓、氣溫。

    <progress>       任務過程:安裝、 加載。

    列表標簽

    <datalist>         為input標記定義一個下拉列表,配合option F 、O

    <details>          標記定義一個元素的詳細內容,配合summary  C

    Menu

    <menu>            命令列表(目前所有的主流瀏覽器都不支持)

    <menuitem>      menu命令列表的標簽(只有FireFox9.0+支持)

    <command>       menu標記定義一個命令按鈕(只有IE9支持)

 

  4.其他標簽

 

    注釋標簽

    <ruby>   標記定義注釋或音標

    <rp>      告訴那些不支持ruby的元素的瀏覽器如何去顯示

    <et>      標記定義對rubyd 注釋內容文本

    其他標簽

    <mark> 標記定義有標記的文本(黃色選中狀態)

    <output> 標記定義一些輸出類型,計算表單結果配合oninput事件

    <keygen> 標記定義表單里生成的鍵值(加密信息傳送)

    <time>    標記定義一個日期/時間,目前所有主流的瀏覽器都不支持

刪除標簽

    純表現的元素

    besefont、 big、center、 font、s、strike、tt、u

    對可用性產生負面影響的元素

    frame、frameset、noframes

    產生混餚的元素

    acronym、 applet、 isindex、dir

重定義標簽

  顯示不變,只是表達的含義進行了重新定義的標簽

    <b> 代表內聯文本,通常是粗體,沒用傳遞表示重要的意思

    <i > 代表內聯文本,通常是斜體,沒有傳遞表達重要的意思

    <dd> 可以同detailsy與figure一同使用,定義包含文本,dialog亦可使用

    <dt>  可以同details與figrue一同使用,匯總細節,dialog也可用

    <hr> 表示主題結束,而不是水平線,雖然顯示相同

    <menu> 重新定義用戶界面的菜單,配合commond或者menuitem使用

    <small>  表示小字體,例如打印注釋或則法律條款

    <strong> 表示重要性而不是強調符號

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM