HTML5標簽及使用方法描述

jopen 12年前發布 | 26K 次閱讀 HTML5 前端技術

HTML 5 作為新一代的超文本標記語言,增加了許多標簽。這些標簽不但更有語義,而且功能強大。具體有以下標簽:

  • <article> 定義外部的內容。比如來自一個外部的新聞提供者的一篇新的文章,或者來自 blog 的文本,或者是來自論壇的文本。亦或是來自其他外部源內容。
  • <aside> 定義頁面內容之外的內容,但應該與頁面內容相關
  • <audio> 定義聲音,比如音樂或其他音頻流
  • <canvas> 定義圖形,比如圖表和其他圖像。
  • <command> 定義命令按鈕,比如單選按鈕、復選框或按鈕。
  • <datatemplate> 定義數據模板的一個容器。該元素必須有定義模板的子元素:<rule> 元素
  • <datagrid> 定義可選數據的列表。datagrid 作為樹列表來顯示
  • <datalist> 定義可選數據的列表。與 input 元素配合使用,就可以制作出輸入值的下拉列表
  • <dialog> 定義對話,比如交談
  • <embed> 定義嵌入的內容,比如插件
  • <event-source> 定義由服務器發送的事件的來源
  • <figure> 定義媒介內容的分組,以及它們的標題
  • <footer> 定義 section 或 document 的頁腳
  • <header> 定義 section 或 document 的頁眉
  • <hgroup> 將標題分組
  • <keygen> 定義生成密鑰
  • <m> 定義帶有記號的文本
  • <mark> 主要的功能就是在頁面中高亮顯示那些需要在視覺上向用戶突出其重要性的文字。個比較典型的應用就是在搜索結果中向用戶高亮顯示搜索關鍵詞
  • <meter> 定義度量(單位)。僅用于已知最大和最小值的度量
  • <nav> 定義導航鏈接
  • <nest> 在數據模板中為子元素定義嵌套點。與 <datatemplate><rule> 元素一同使用
  • <output> 定義不同類型的輸出,比如腳本的輸出
  • <progress> 運行中的進程。可以用來來顯示 JavaScript 中耗費時間的函數的進程或下載的進度
  • <rule> 定義更新數據模板的規則。與 <datatemplate><nest> 元素一起使用
  • <rp> 在 ruby 注釋中使用,以定義不支持 ruby 元素的瀏覽器所顯示的內容
  • <rt> 定義漢字的拼音或日語漢字的平假名
  • <ruby> 定義亞洲語言中的“附注文字”
  • <section> 定義文檔中的節(section)。比如章節、頁眉、頁腳或文檔中的其他部分
  • <source> 為媒介元素(比如 <video><audio>)定義媒介資源
  • <summary> 定義一個摘要,即 detail 的頭部。不等同于表格中的 summary 屬性
  • <time> 定義日期或時間,或者兩者
  • <video> 定義視頻,比如電影片段或其他視頻流

HTML5 增加了許多新標簽,同時也廢除了一些標簽:

  • <acronym> 可以使用 <abbr> 代替
  • <applet> 不再支持
  • <basefont> 用 CSS 代替
  • <big> 用 CSS 代替
  • <center> 用 CSS 代替
  • <dir> 用 CSS 代替
  • <font> 用 CSS 代替
  • <frame> 不再支持
  • <frameset> 不再支持
  • <noframes> 不再支持
  • <s> 用 CSS 代替
  • <small> 用 CSS 代替
  • <strike> 用 CSS 代替
  • <tt> 用 CSS 代替
  • <u> 用 CSS 代替

上面這些標簽在 XHTML 1.0 是不建議使用的,但仍然可以支持,而在 HTML 5 中則徹底不支持了。另外還有很多標簽屬性也不支持,如 aling 等。

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!