H5新增/删除标签

今天来聊一下H5新增和删除的标签，对其进行一次汇总，其中部分标签已经在使用或者在前边的百日百页面中已经单独提及，部分重要的会在之后单独列出来，仔细聊一下他们的用法。

本节内容来自慕课网

新增的标签可以分为以下四类：

1.结构标签

• section标签

表示页面中的一个内容区块，比如章节、页眉、页脚或页面的其它部分。可以和h1、h2...等标签结合使用，表示文档结构。

例：HTML5中<section>...</section> HTML4中<div>...</div>

• article标签

表示页面中一块与上下文不相关的内容。比如一篇文章。

• aside标签

表示article标签内容之外的、与article标签内容相关的辅助信息。

• header标签

表示页面中的一个内容区块或是整个页面的标题。

• hgroup标签

表示对整个页面或页面中的一个内容区块的标题进行组合。

• footer标签

表示整个页面或一个页面区块的脚注。一般来说，他会包含作者的姓名、创造日期及作者的联系信息。

• nav标签

表示页面导航链接的内容。

• figure标签

表示一段独立的流内容，一般表示文档主题流内容中的一个独立单元。使用figcaptio标签组为其添加标题。（这项在之前已经单独列出，再次不在详述）

2.媒体标签

• video标签

定义视频。（之前已经列出，这里不在详述）

• audio标签

定义音频，一直在用，这里不在详述。

• embed标签

用来嵌入内容（包括各种媒体），格式可以为MIDI、WAV、AIFF、AU、MP3、flash等
例如：<embed src="flash.swf" />

3.表单标签

• e-mail标签

必须输入e-mail

• url标签

必须输入url地址

• number标签

必须输入数值

• range标签

必须输入一定范围内的数值

• Date Pickers(日期选择器)标签

拥有多个可供选取时间和日期的新输入类型：

date-选取日、月、年

month-选取月、年

week-选取周、年

time-选取时间（小时和分钟）

datetime-选取时间、日、月、年（UTC时间）

datetime-local-选取时间、日、月、年（当地时间）

• search标签

用于搜索域，域显示为常规的文本域。

• color

4.其他功能标签

• mark标注标签

don't forget me 这里forget被标注为黄色

• progress进度条
• time标签

发布日期22:00

更新日期22:00

这里可以看下代码，datetime是用来给计算机看的。

• ruby标签

ruby 元素由一个或多个字符（需要一个解释/发音）和一个提供该信息的 rt 元素组成，还包括可选的 rp 元素，定义当浏览器不支持 "ruby" 元素时显示的内容。

支持 "ruby" 元素的浏览器不会显示 "rp" 元素的内容。

漢 (ㄏㄢˋ)

• wbr软换行标签（自动换行）

如果你想成功，那么请努力吧

貌似并没有什么卵用

• canvas标签

需要配合js，做出动画形状，这里不做详解

• command标签

这个标签目前各浏览器支持的可能不大。

click me

• details标签（菜单）
请选择项目
• geme
• soccer
• play
• home
• like
• datalist文本提示
• keygen加密功能

对我们的表单提交的数据进行加密，这个暂时不详细说明了，感觉用不上。

• output控件

这个暂时也不提了。

• menu标签

这是个语义化的标签。有三种形式。type="contextmenu/list/toolbar"真正用起来还得我们自己把它做成想要的样子。

以上新标签有许多对浏览器的支持并不好。所以尽量少用。

删除的标签可以分为以下四类：

可以用css代替的标签

basefont,big,center,font,s,strike,tt,u.这些标签纯粹是为了画面展示服务的，在h5中统一放在css中管理编辑。

不在使用frame

frameset,frame,noframes.h5中不支持frame，只支持iframe框架，或者用服务期方创建的由多个页面组成的符合页面的形式，删除以上三种形式。

只有个别浏览器支持的标签

applet,bgsound,blink,marquee等标签

其他不常用标签

废除rb，用ruby代替

废除acronym使用abbr代替

废除dir用ul代替

还有些其他的就不说了，因为也没见过，就当不知道的好了。