h5废弃的标签和属性及新增的标签和属性

2023-01-07 18:07:06

一、废弃的标签和属性

　　1、表现性元素

　　　　a) basefont

　　　　b) big

　　　　c) center

　　　　d) font

　　　　e) strike

　　　　f) tt　　

　　2、框架类元素

　　　　a) frame

　　　　b) frameset

　　　　c) noframe

　　3、其他元素

　　　　a) acronym -- 可以用 abbr 取代

　　　　b) applet -- 可以用 object 代替

　　　　c) isindex -- 可以用表单控件代替

　　　　d) dir -- 可以用 ul 代替

　　4、属性　　

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

二、新增的标签和属性

增加标签：

1、结构标签

（1）section：独立内容区块，可以用h1~h6组成大纲，表示文档结构，也可以有章节、页眉、页脚或页眉的其他部分；

（2）article：特殊独立区块，表示这篇页眉中的核心内容；

（3）aside：标签内容之外与标签内容相关的辅助信息；

（4）header：某个区块的头部信息/标题；

（5）hgroup：头部信息/标题的补充内容；

（6）footer：底部信息；

（7）nav：导航条部分信息

（8）figure：独立的单元，例如某个有图片与内容的新闻块。

2、表单标签

（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：颜色

3、媒体标签

（1）video：视频

（2）audio：音频

（3）embed：嵌入内容（包括各种媒体），Midi、Wav、AU、MP3、Flash、AIFF等。

4、其他功能标签

（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的全局属性，整个页面的文本都可以编辑了）；

码农公寓

一、废弃的标签和属性

二、新增的标签和属性

相关文章