App下載

HTML5都有哪些新特性?

猿友 2020-12-23 16:23:57 瀏覽數(shù) (10018)
反饋

什么是HTML5?

HTML5 是下一代 HTML 標(biāo)準(zhǔn)。

HTML5 將成為 HTML、XHTML 以及 HTML DOM 的新標(biāo)準(zhǔn)。

自從1999年 HTML 上個(gè)版本的誕生,Web 世界已經(jīng)經(jīng)歷了巨變, 

HTML 仍在完善之中。然而,現(xiàn)代大部分瀏覽器都已具備某些 HTML5 的支持


那么HTML都有哪些新特性呢?

用于繪畫的 canvas 元素

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

用于媒介回放的 videoaudio 新多媒體元素

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

用于表單的 datalist 新表單元素

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

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

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


HTML5 已移除的元素

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

  • <acronym>
  • <applet>
  • <basefont>
  • <big>
  • <center>
  • <dir>
  • <font>
  • <frame>
  • <frameset>
  • <noframes>
  • <strike>
  • <tt>

學(xué)習(xí)新標(biāo)簽的同時(shí)要與實(shí)踐并行,才能學(xué)以致用掌握它:


2 人點(diǎn)贊