HTML5標簽使用方法介紹

這篇文章主要講解了“HTML5標簽使用方法介紹”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“HTML5標簽使用方法介紹”吧！

HTML 5 是一個新的網絡標準，目標在于取代現有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 標準。它希望能夠減少瀏覽器對于需要插件的豐富性網絡應用服務（plug-in-based rich internet application，RIA)，如Adobe Flash, Microsoft Silverlight, 與 Sun JavaFX 的需求。

HTML 5 提供了一些新的元素和屬性，反映典型的現代用法網站。其中有些是技術上類似 <div> 和 <span> 標簽，但有一定含義，例如 <nav>（網站導航塊）和 <footer>。這種標簽將有利于搜索引擎的索引整理、小屏幕裝置和視障人士使用。同時為其他瀏覽要素提供了新的功能，通過一個標準接口，如 <audio> 和 <video> 標記。

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 等。

感謝各位的閱讀，以上就是“HTML5標簽使用方法介紹”的內容了，經過本文的學習后，相信大家對HTML5標簽使用方法介紹這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！