HTML5新增/删除标签

增:

结构标签

section - 表示页面中的一个内容区块,比如章节、页眉、页脚或页面的其他部分。可以和h1、h2等标签结合使用,表示文档结构。过去只能用div实现。

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

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

header - 表示页面中一个内容去块或整个页面的标题。

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

footer - 表示整个页面或页面中的一个内容区块的脚注。一般包含创作者的姓名、创作日期以及创 作者的联系信息。

nav - 表示页面中导航链接的部分。

figure - 表示一段独立的流内容,一般表示文档主体流内容中的一个独立单元。使用figcaption标 签为figure标签添加标题,例如:

            <figure>

                    <figcaption>HTML5</figcaption>

                    <p>It's my life</p>

             </figure>

媒体标签

video - 定义视频。例如:<video src="myLife.ogg" controls>视频标签</video>

audio - 定义音频。例如:<audio src="love.mp3">音频标签</audio>

embed - 用来嵌入内容(包括各种媒体)。格式可以是Midi、Wave、AIFF、AU、MP3、flash     等。例如:<embed src="flash.swf" />

表单标签

email - 必须输入邮箱

url - 必须输入url地址

number - 必须输入数值

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

Date Pickers(日期选择器)拥有多个可供选取日期和时间的新输入类型:

date - 选取日、月、年

month - 选取月、年

week - 选取周、年

time - 选取时间(小时和分钟)

datetime - 选取时间、日、月、年(UTC时间)

datetime-local - 选取时间、日、月、年(本地时间)

search - 用于搜索域,域显示为常规的文本域

color

其他功能标签

progress - 进度条

canvas - 功能非常强大的画布

time

mark

command

output

keygen

source

wbr

menu

ruby

rt


删:

可以用CSS代替的标签

不再使用frame标签

只有个别浏览器识别的标签

其他不常用的标签



最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、html5语法特点 1.DOCTYPE及字符编码① 文档声明DOCTYPE:<!doctype html>② ...
    MGd阅读 996评论 0 2
  • W3C文档不可少! 新增全局属性: data-yourvalue,hidden,Spellcheck,tabind...
    Mandy_jin阅读 408评论 0 0
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,981评论 19 139
  • 转载请声明 原文链接 关注公众号获取更多资讯 这篇文章主要总结H5的一些新增的功能以及一些基础归纳,这里只是一个提...
    前端进阶之旅阅读 9,108评论 22 225
  • 一、HTML5语法 沿用了HTML的语法(已往过去的语法,是SGML语法的一个子集),更简洁,更人性化。 1.DO...
    Looog阅读 617评论 0 4