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>标签里

charset属性：

meta属性之一,定义页面的字符集

sizes属性：

base属性:

<base href="http://localhost/" target="_blank">表示当在新窗口打开一个页面时，会将href中的内容做为前缀添加到地址前

defer属性：

script标签属性，表示脚本加载完毕后，只有当页面也加载完毕才执行（推迟执行）

async属性：

script标签属性，脚本加载完毕后立刻执行（运行过程当中浏览器会解析下面的内容），即便页面尚未加载完毕（异步执行）

media属性：

<a>元素属性：表示对何种设备进行优化

hreflang属性：

<a>的属性，表示超连接指向的网址使用的语言

ref属性：

<a>的属性,定义超连接是不是外部连接

reversed属性:

<ol>的属性，定义序号是否倒叙

start属性：

<ol>的属性，定义序号的起始值

scoped属性：

内嵌CSS样式的属性，定义该样式只局限于拥有该内嵌样式的元素，适用于单页开发

HTML5全局属性：对任意标签均可以使用的，如下6个

data-yourvalue 、hidden、Spenllecheck、tabindex、contenteditable、desginMode；

全局属性：

1.可直接在标签里插入的：data-自定义属性名字；

hidden（直接放上去就是隐藏）；

spellcheck="true"（语法纠错）；

tabindex="1"（Tab跳转顺序）；

contenteditable="true"(可编辑状态，单击内容，可修改)；

2.在JavaScript里插入的window.document.designMode = 'on'（JavaScript的全局属性，整个页面的文本均可以编辑了）；