HTML5 新元素

2022-05-23 14:11 更新

HTML5 新元素

隨著HTML版本的更新迭代，有很多元素的使用也在不斷的發(fā)生著變化，本節(jié)我們將介紹HTML5中的一些新的元素！

HTML5 新元素

自1999年以后HTML 4.01 已經(jīng)改變了很多,今天，在HTML 4.01中的幾個已經(jīng)被廢棄，這些元素在HTML5中已經(jīng)被刪除或重新定義。

為了更好地處理今天的互聯(lián)網(wǎng)應(yīng)用，HTML5添加了很多新元素及功能，比如: 圖形的繪制，多媒體內(nèi)容，更好的頁面結(jié)構(gòu)，更好的形式 處理，和幾個api拖放元素，定位，包括網(wǎng)頁應(yīng)用程序緩存，存儲，網(wǎng)絡(luò)工作者，等。

<canvas> 新元素

標(biāo)簽 描述
<canvas> 標(biāo)簽定義圖形，比如圖表和其他圖像。該標(biāo)簽基于 JavaScript 的繪圖 API

新多媒體元素

標(biāo)簽 描述
<audio> 定義音頻內(nèi)容
<video> 定義視頻（video 或者 movie）
<source> 定義多媒體資源 <video> 和 <audio>
<embed> 定義嵌入的內(nèi)容，比如插件。
<track> 為諸如 <video> 和 <audio> 元素之類的媒介規(guī)定外部文本軌道。

新表單元素

標(biāo)簽 描述
<datalist> 定義選項列表。請與 input 元素配合使用該元素，來定義 input 可能的值。
<keygen> 規(guī)定用于表單的密鑰對生成器字段。
<output> 定義不同類型的輸出，比如腳本的輸出。

提示：你可以在本站的“HTML 表單”一節(jié)中查看完整的HTML使用的表單元素！


新的語義和結(jié)構(gòu)元素

HTML5提供了新的元素來創(chuàng)建更好的頁面結(jié)構(gòu)：

標(biāo)簽 描述
<article> 定義頁面獨立的內(nèi)容區(qū)域。
<aside> 定義頁面的側(cè)邊欄內(nèi)容。
<bdi> 允許您設(shè)置一段文本，使其脫離其父元素的文本方向設(shè)置。
<command> 定義命令按鈕，比如單選按鈕、復(fù)選框或按鈕
<details> 用于描述文檔或文檔某個部分的細(xì)節(jié)
<dialog> 定義對話框，比如提示框
<summary> 標(biāo)簽包含 details 元素的標(biāo)題
<figure> 規(guī)定獨立的流內(nèi)容（圖像、圖表、照片、代碼等等）。
<figcaption> 定義 <figure> 元素的標(biāo)題
<footer> 定義 section 或 document 的頁腳。
<header> 定義了文檔的頭部區(qū)域
<mark> 定義帶有記號的文本。
<meter> 定義度量衡。僅用于已知最大和最小值的度量。
<nav> 定義導(dǎo)航鏈接的部分。
<progress> 定義任何類型的任務(wù)的進度。
<ruby> 定義 ruby 注釋（中文注音或字符）。
<rt> 定義字符（中文注音或字符）的解釋或發(fā)音。
<rp> 在 ruby 注釋中使用，定義不支持 ruby 元素的瀏覽器所顯示的內(nèi)容。
<section> 定義文檔中的節(jié)（section、區(qū)段）。
<time> 定義日期或時間。
<wbr> 規(guī)定在文本中的何處適合添加換行符。

已移除的元素

以下的 HTML 4.01 元素在HTML5中已經(jīng)被刪除:

  • <acronym>
  • <applet>
  • <basefont>
  • <big>
  • <center>
  • <dir>
  • <font>
  • <frame>
  • <frameset>
  • <noframes>
  • <strike>
  • <tt>
以上內(nèi)容是否對您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號