新增标签,列举如下:
标签 | 作用 |
---|---|
header: | 头部 |
footer: | 页脚 |
nav: | 导航链接 |
main: | 主题 |
section: | 独立内容区块 |
artical: | 文章标签 |
aside: | 侧边导航栏 |
hgroup: | 对网页、section组合 |
mark: | 标记 |
address: | 地址标签 |
time: | 日期、时间,= span |
figure+figcaption: | 一段独立内容。(figure中只可放置一个figcaption) |
dialog: | 会话框。open(表激活可互动) |
embed: | 定义外部可交互内容或插件 |
source: | 媒体资源 |
video: | 用于HTML或XHTML嵌入媒体播放器 |
audio: | 用于文档中表音频内容 |
canvas: | 通常通过js绘制图形 |
改良后的ol: | ①可自定义编号start②可按编号反向排序reversed③type |
对网页可用性存在负面影响,废除 | |
兼容: | 在head标签中加入:<!--[if lt IE 9]><script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js" ></script><![endif]--> |
注:video的常见属性:HTML5能在完全脱离插件的情况下播放音视频,但不是所有格式都支持。HTML5支持的视频格式如下:ogg=带有theora视频编码+vorbis音频编码的ogg文件;
支持的浏览器有:火狐、谷歌、欧朋
MPEG4=带有H.264视频编码+ACC音频编码的MPEG4文件
支持的浏览器有:Safari、谷歌
WebM=带有VP8视频编码+Vorbis音频编码的webm格式
支持的浏览器有:IE 、火狐、谷歌、欧朋
新增智能表单:
类型(type属性) | 作用 |
---|---|
search: | 搜索 |
tel: | 号码 |
url: | 网址 |
email: | 邮件地址 |
number: | 数字 |
range: | 范围 |
color: | 颜色 |
date: | 时间 |
month: | 月份 |
week: | 周数 |
time: | 时间 |
datetime-local: | 本地时间 |
已从WHATWGHTML移除 |
新增表单属性:
表单属性 | 作用 |
---|---|
required: | 表必填项 |
placeholder: | 占位符 |
autofocus: | 自动获取焦点(原则上只允许设置1个) |
autocomplete: | 输入时是否自动补全(默认on,另一值off) |
multiple: | 支持输入多个此类型的文本 |
pattern: | 正则表达式,一般和title配合 |
min: | 最小值 |
max: | 最大值 |
step: | 间隔 |
list: | 结合datalist使用 |
output: | 不同类型的输出 |