h5廢棄的標籤和屬性及新增的標籤和屬性

時間 2019-11-18

標籤 h5 廢棄標籤屬性新增简体版

原文原文鏈接

1、廢棄的標籤和屬性

　　一、表現性元素css

　　　　a) basefonthtml

　　　　b) bigcanvas

　　　　c) center瀏覽器

　　　　d) font安全

　　　　e) strikeruby

　　　　f) tt　　app

　　二、框架類元素框架

　　　　a) frameless

　　　　b) frameset異步

　　　　c) noframe

　　三、其餘元素

　　　　a) acronym -- 能夠用 abbr 取代

　　　　b) applet -- 能夠用 object 代替

　　　　c) isindex -- 能夠用表單控件代替

　　　　d) dir -- 能夠用 ul 代替

　　四、屬性　　

ID	對應元素	屬性名稱
01	link, a	rev, charset
02	a	shape, coords
03	img, iframe	longdesc
04	link	target
05	area	nohref
06	head	profile
07	html	version
08	img	name
09	meta	scheme
10	object	archive, classid, codebase, codetype, declare, standby
11	param	valuetype, type
12	td, th	axis, abbr
13	td	scope
14	table	summary
15	caption, iframe, img, input, object, legend, table, hr, div, h1, h2, h3, h4, h5, h6, p, col, colgroup, tbody, td, tfoot, th, thead, tr	align
16	body	alink, link, text, vlink
17	body	background
18	table, tr, td, th, body	bgcolor
19	object	border
20	table	cellpadding, cellspacing
21	col, colgroup, tbody, td, tfoot, th, thead, tr	char, charoff
22	br	clear
23	dl, menu, ol, ul	compact
24	table	frame
25	iframe	frameborder
26	td, th	height
27	img, object	hspace, vspace
28	iframe	marginheight, marginwidth
29	hr	noshade
30	td, th	nowrap
31	table	rules
32	iframe	scrolling
33	hr	size
34	li, ol, ul	type
35	col, colgroup, tbody, td, tfoot, th, thead, tr	valign
36	hr, table, td, th, col, colgroup, pre	width

2、新增的標籤和屬性

增長標籤：

一、結構標籤

（1）section：獨立內容區塊，能夠用h1~h6組成大綱，表示文檔結構，也能夠有章節、頁眉、頁腳或頁眉的其餘部分；

（2）article：特殊獨立區塊，表示這篇頁眉中的核心內容；

（3）aside：標籤內容以外與標籤內容相關的輔助信息；

（4）header：某個區塊的頭部信息/標題；

（5）hgroup：頭部信息/標題的補充內容；

（6）footer：底部信息；

（7）nav：導航條部分信息

（8）figure：獨立的單元，例如某個有圖片與內容的新聞塊。

二、表單標籤

（1）email：必須輸入郵件；

（2）url：必須輸入url地址；

（3）number：必須輸入數值；

（4）range：必須輸入必定範圍內的數值；

（5）Date Pickers：日期選擇器；

a.date：選取日、月、年

b.month：選取月、年

c.week：選取周和年

d.time：選取時間（小時和分鐘）

e.datetime：選取時間、日、月、年（UTC時間）

f.datetime-local：選取時間、日、月、年（本地時間）

（6）search：搜索常規的文本域；

（7）color：顏色

三、媒體標籤

（1）video：視頻

（2）audio：音頻

（3）embed：嵌入內容（包括各類媒體），Midi、Wav、AU、MP三、Flash、AIFF等。

四、其餘功能標籤

（1）mark：標註（像熒光筆作筆記）

（2）progress：進度條；<progress max="最大進度條的值" value="當前進度條的值">

（3）time：數據標籤，給搜索引擎使用；發佈日期<time datetime="2014-12-25T09:00">9：00</time>更新日期<time datetime="2015- 01-23T04:00" pubdate>4:00</time>

（4）ruby和rt：對某一個字進行註釋；<ruby><rt>註釋內容</rt><rp>瀏覽器不支持時如何顯示</rp></ruby>

（5）wbr：軟換行，頁面寬度到須要換行時換行；

（6）canvas：使用JS代碼作內容進行圖像繪製；

（7）command：按鈕；

（8）deteils ：展開菜單；

（9）dateilst：文本域下拉提示；

（10）keygen:加密；

新增的屬性：

對於js進行添加的屬性。

若是沒有以上兩個屬性的話，執行順序爲先加載（下載）第一個src，而後在執行其onload，而後在向下依次同步執行defer屬性在h5以前就已經有了，輸入延遲加載（推遲執行），它會先加載（下載）src中文件內容，而後等頁面所有加載完成後，再加載onload中js.async屬性屬於異步加載，它會在加載src後，當即執行onload,同時還會繼續加載頁面以上執行順序，alert顯示會先顯示b而後再顯示a

網頁中標籤中加入小圖標的樣式代碼

有序列表ol:新增start（列表起始值），reversed（是否倒置）menu菜單type屬性（3個菜單類型）內嵌css樣式：在標籤內部來定義一個樣式區塊（scoped）,只對樣式標籤內部纔有效內嵌框架：iframe元素，新增了seamless無邊距無邊框，srcdoc定義了內嵌框架的內容

<iframe>新增屬性：

manifest屬性：

定義頁面須要用到的離線應用文件，通常放在<html>標籤裏