淺談HTML5新增及移除的元素

HTML經(jīng)過(guò)10多年的發(fā)展,其元素經(jīng)歷了廢棄與不斷重新定義的過(guò)程。為了更好的處理現(xiàn)在的互聯(lián)網(wǎng)應(yīng)用,HTML5新增了圖形繪制、多媒體播放、頁(yè)面結(jié)構(gòu)、應(yīng)用程序存儲(chǔ)、網(wǎng)絡(luò)工作等新元素。
圖形繪制新元素
標(biāo)簽 | 描述 |
---|---|
<canvas> | 標(biāo)簽定義圖形,比如圖表和其他圖像。該標(biāo)簽基于 JavaScript 的繪圖 API |
新多媒體元素
標(biāo)簽 | 描述 |
---|---|
<audio> | 定義音頻內(nèi)容 |
<vedio> | 定義視頻內(nèi)容 |
<source> | 定義多媒體資源(audio或vedio) |
<embed> | 定義嵌入的內(nèi)容,比如插件 |
<track> | 為如video和 audio元素之類(lèi)的媒介規(guī)定外部文本軌道 |
新表單元素
標(biāo)簽 | 描述 |
---|---|
<datalist> | 定義選項(xiàng)列表。請(qǐng)與 input 元素配合使用該元素,來(lái)定義 input 可能的值。 |
<keygen> | 規(guī)定用于表單的密鑰對(duì)生成器字段。 |
<output> | 定義不同類(lèi)型的輸出,比如腳本的輸出。 |
新的語(yǔ)義和結(jié)構(gòu)元素
HTML5提供了新的元素來(lái)創(chuàng)建更加適用的的頁(yè)面。
標(biāo)簽 | 描述 |
---|---|
<article> | 定義頁(yè)面獨(dú)立的內(nèi)容區(qū)域。 |
<aside> | 定義頁(yè)面的側(cè)邊欄內(nèi)容。 何問(wèn)起 |
<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 的頁(yè)腳。 |
<header> | 定義了文檔的頭部區(qū)域。 |
<mark> | 定義帶有記號(hào)的文本。 |
<meter> | 定義度量衡。僅用于已知最大和最小值的度量。 |
<nav> | 定義導(dǎo)航鏈接的部分。 |
<progress> | 定義任何類(lèi)型的任務(wù)的進(jìn)度。 |
<ruby> | 定義 ruby 注釋?zhuān)ㄖ形淖⒁艋蜃址?/td> |
<rt> | 定義字符(中文注音或字符)的解釋或發(fā)音。 |
<rp> | 在 ruby 注釋中使用,定義不支持 ruby 元素的瀏覽器所顯示的內(nèi)容。 |
<section> | 定義文檔中的節(jié)(section、區(qū)段)。 |
<time> | 定義日期或時(shí)間。 |
<wbr> | 規(guī)定在文本中的何處適合添加換行符。 |
已移除的元素
以下的 HTML 4.01 元素在HTML5中已經(jīng)被刪除:
標(biāo)簽 |
---|
<acronym> |
<applet> |
<basefont> |
<big> |
<center> |
<dir> |
<font> |
<frame> |
<frameset> |
<noframes> |
<strike> |
<tt> |
以上就是小編為大家?guī)?lái)的淺談HTML5新增及移除的元素全部?jī)?nèi)容了,希望大家多多支持腳本之家~
原文地址:http://www.cnblogs.com/roucheng/archive/2016/06/26/html5new.html
相關(guān)文章
HTML5之HTML元素?cái)U(kuò)展(上)—新增加的元素及使用概述
HTML5中加入了全新的結(jié)構(gòu)型元素,例如頁(yè)眉header,頁(yè)腳footer,導(dǎo)航nav,內(nèi)容article,章節(jié)section等除了這種整個(gè)頁(yè)面的結(jié)構(gòu)型元素,html5也加入了塊級(jí)別的語(yǔ)義元素,感興趣2013-01-31- 下面小編就為大家?guī)?lái)一篇HTML5不支持標(biāo)簽和新增標(biāo)簽詳解。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-27
- 下面小編就為大家?guī)?lái)一篇html5表單及新增的改良元素詳解。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-07
win10 Build 10565中Edge瀏覽器新增對(duì)HTML5視頻的播放控制及下載
有網(wǎng)友發(fā)現(xiàn),在win10 Build 10565中Edge瀏覽器新增對(duì)HTML5視頻的播放控制及下載的功能,這個(gè)功能比較實(shí)用,用戶可以暫停、靜音、保存視頻,還可以調(diào)節(jié)視頻的播放速度,共提2015-10-29HTML5新增的8類(lèi)INPUT輸入類(lèi)型介紹
這篇文章主要介紹了HTML5新增的8類(lèi)INPUT輸入類(lèi)型介紹,這8個(gè)新的輸入類(lèi)型分別是email類(lèi)型、url類(lèi)型、number類(lèi)型、range類(lèi)型、日期類(lèi)型、search類(lèi)型、tel類(lèi)型,本文分別對(duì)它們2015-07-06- 這篇文章主要為大家介紹了HTML5新增的表單元素和屬性,具有一定的參考價(jià)值!需要的朋友可以參考下2014-07-07
- 本文主要為大家介紹了HTML5新增元素如何兼容舊瀏覽器的解決辦法,需要的朋友可以參考下2014-05-09
html5的新增的標(biāo)簽和廢除的標(biāo)簽簡(jiǎn)要概述
HTML5中在新增加和廢除很多標(biāo)簽的同時(shí),也增加和廢除了很多標(biāo)簽比如新增的結(jié)構(gòu)標(biāo)簽:section元素/video元素等等,感興趣的朋友可以了解下,希望本文的知識(shí)點(diǎn)對(duì)你有所幫助2013-02-20HTML5的標(biāo)簽的代碼的簡(jiǎn)單介紹 HTML5標(biāo)簽的簡(jiǎn)介
本文主要介紹了HTML5的標(biāo)簽.不同于以前的標(biāo)簽.更簡(jiǎn)單.更方便2012-05-28- 在html 5增加了新元素header、footer,測(cè)試過(guò)發(fā)現(xiàn)IE不能解析html 5新增的元素。 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"2008-10-17