1. 程式人生 > >HTML5新增及移除的元素

HTML5新增及移除的元素

HTML經過10多年的發展,其元素經歷了廢棄與不斷重新定義的過程。為了更好的處理現在的網際網路應用,HTML5新增了圖形繪製、多媒體播放、頁面結構、應用程式儲存、網路工作等新元素。http://hovertree.com/menu/html5/

圖形繪製新元素

標籤描述
<canvas> 標籤定義圖形,比如圖表和其他影象。該標籤基於 JavaScript 的繪圖 API

新多媒體元素

標籤描述
<audio> 定義音訊內容
<vedio> 定義視訊內容
<source> 定義多媒體資源(audio或vedio)
<embed> 定義嵌入的內容,比如外掛
<track> 為如video和 audio元素之類的媒介規定外部文字軌道

新表單元素

標籤描述
<datalist> 定義選項列表。請與 input 元素配合使用該元素,來定義 input 可能的值。
<keygen> 規定用於表單的金鑰對生成器欄位。
<output> 定義不同型別的輸出,比如指令碼的輸出。

新的語義和結構元素

HTML5提供了新的元素來建立更加適用的的頁面。

標籤描述
<article> 定義頁面獨立的內容區域。
<aside> 定義頁面的側邊欄內容。 何問起
<bdi> 允許您設定一段文字,使其脫離其父元素的文字方向設定。
<command> 定義命令按鈕,比如單選按鈕、複選框或按鈕。
<details> 用於描述文件或文件某個部分的細節。
<dialog> 定義對話方塊,比如提示框。
<summary> 標籤包含 details 元素的標題。
<figure> 規定獨立的流內容(影象、圖表、照片、程式碼等等)。
<figcaption> 定義 figure元素的標題。
<footer> 定義 section 或 document 的頁尾。
<header> 定義了文件的頭部區域。
<mark> 定義帶有記號的文字。
<meter> 定義度量衡。僅用於已知最大和最小值的度量。
<nav> 定義導航連結的部分。
<progress> 定義任何型別的任務的進度。
<ruby> 定義 ruby 註釋(中文註音或字元)。
<rt> 定義字元(中文註音或字元)的解釋或發音。
<rp> 在 ruby 註釋中使用,定義不支援 ruby 元素的瀏覽器所顯示的內容。
<section> 定義文件中的節(section、區段)。
<time> 定義日期或時間。
<wbr> 規定在文字中的何處適合新增換行符。

已移除的元素

以下的 HTML 4.01 元素在HTML5中已經被刪除:

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

相關推薦

HTML5新增元素

HTML經過10多年的發展,其元素經歷了廢棄與不斷重新定義的過程。為了更好的處理現在的網際網路應用,HTML5新增了圖形繪製、多媒體播放、頁面結構、應用程式儲存、網路工作等新元素。http://hovertree.com/menu/html5/ 圖形繪製新元素 標籤描述 <

_061_Android_在佈局中新增元素

 http://www.android-doc.com/reference/android/view/ViewGroup.html void addView(View child, int index, ViewGroup.Layo

集合HashSet新增以及元素

import java.util.ArrayList; import java.util.HashSet; import java.util.Iterator;import java.net.SocketPermission;public class Hello { p

jQuery新增/改變/CSS類判斷是否已經存在CSS

1. removeClass() - 移除CSS類 $("#target").removeClass("oldClass"); //#target 指的是需要移除CSS類的元素的ID //oldClass 指的是CSS類的名稱 addClass() - 新增C

jquery的基礎語法、選取元素、操作元素、加事件、掛事件事件

jquery基礎知識 1.jquery檔案的引入,所有的js程式碼要寫在下面那段程式碼下面。 <script src="../jquery-1.11.2.min.js"></script> <!--引入的jquery一定是在最上面的,

html元素新增class屬性

Jquery實現點選一個元素給它新增class,再點選一個元素移除上一個元素的class,再給現在點選的元素新增class。 <div class="swiper-wrapper">

html5新增刪除標簽

上下文 works asc metadata 字段 完整性 chang ctx mpeg 一、新增標簽 有一種劃分為,功能性標簽【html5新增,如canvas,舊瀏覽器沒有】和語義性標簽【如header等只是增強語義,沒有新功能】。下面按照分幾個小類來說。 1、結構標簽

元素

tor num IT sta 元素 ret != order Matter Given an array and a value, remove all instances of that value in place and return the new length.

collection中元素的註意事項(應用collection.remove元素造成的錯誤)

com 試用 原因 錯誤 iterator 兩種 6.0 進行 書寫 大家已知的遍歷collection的方式通常有兩種,一種是for(object key :collection<object>),一種是應用iterator。這兩種方式都能對於collecti

LeetCode刷題記錄_27. 元素

改變 移除 light 並且 aik brush clas item 新的 題目: 給定一個數組 nums 和一個值 val,你需要原地移除所有數值等於 val 的元素,返回移除後數組的新長度。 不要使用額外的數組空間,你必須在原地修改輸入數組並在使用 O(1) 額外空間

LeetCode演算法題27:元素解析

給定一個數組 nums 和一個值 val,你需要原地移除所有數值等於 val 的元素,返回移除後陣列的新長度。 不要使用額外的陣列空間,你必須在原地修改輸入陣列並在使用 O(1) 額外空間的條件下完成。 元素的順序可以改變。你不需要考慮陣列中超出新長度後面的元素。 示例1: 給定 num

每日一題之LeetCode元素 刪除有序陣列重複元素

這兩道題若是不使用官方題解的雙指標做法,就會涉及到淺複製,深複製的問題,可參考如下https://blog.csdn.net/qq_32907349/article/details/52190796 。其中,此題將要使用深複製,但這會違背題意中的不開闢新的記憶體空間。 1.移除元素class Soluti

每日一題之LeetCode元素 刪除有序數組重復元素

== 復制 題解 每日一題 for 元素 etc 輸出 detail 這兩道題若是不使用官方題解的雙指針做法,就會涉及到淺復制,深復制的問題,可參考如下https://blog.csdn.net/qq_32907349/article/details/52190796 。

27,元素

給定一個數組 nums 和一個值 val,你需要原地移除所有數值等於 val 的元素,返回移除後陣列的新長度。 不要使用額外的陣列空間,你必須在原地修改輸入陣列並在使用 O(1) 額外空間的條件下完成。 元素的順序可以改變。你不需要考慮陣列中

leetcode 27. 元素【陣列】【Easy】

題目: 給定一個數組 nums 和一個值 val,你需要原地移除所有數值等於 val 的元素,返回移除後陣列的新長度。 不要使用額外的陣列空間,你必須在原地修改輸入陣列並在使用 O(1) 額外空間的條件下完成。 元素的順序可以改變。你不需

leetcode題庫——元素

題目描述: 給定一個數組 nums 和一個值 val,你需要原地移除所有數值等於 val 的元素,返回移除後陣列的新長度。 不要使用額外的陣列空間,你必須在原地修改輸入陣列並在使用 O(1) 額外空間的條件下完成。 元素的順序可以改變。你不需要考慮陣列中

27.元素

Problem 給定一個數組 nums 和一個值 val,你需要原地移除所有數值等於 val 的元素,返回移除後陣列的新長度。 不要使用額外的陣列空間,你必須在原地修改輸入陣列並在使用 O(1) 額外空間的條件下完成。 元素的順序可以改變。你不需要考慮陣列中超出新長度後面的元

27.元素(c++方法實現)

問題描述: 給定一個數組 nums 和一個值 val,你需要原地移除所有數值等於 val 的元素,返回移除後陣列的新長度。 不要使用額外的陣列空間,你必須在原地修改輸入陣列並在使用 O(1) 額外空間的條件下完成。 元素的順序可以改變。你不需要考慮陣列中

LeetCode 27 元素 Python3

給定一個數組 nums 和一個值 val,你需要原地移除所有數值等於 val 的元素,返回移除後陣列的新長度。 不要使用額外的陣列空間,你必須在原地修改輸入陣列並在使用 O(1) 額外空間的條件下完成。 元素的順序可以改變。你不需要考慮陣列中超出新長度後面的元素。

前端頁面使用AngularJS框架的情況下如何判斷複選框是否選中,以及向集合中新增id

使用angularJS框架的話都需要引入angular.min.js檔案,這個想必各位大佬都懂得,我就不多說了。 這裡主要說說如何判斷複選框是否選中,以及向集合中新增和移除id。   1、如果判斷複選框被選中呢 一般我們在複選框中都是這樣寫: <td>&