h5新增
1.简化的文档类型和字符集
(1)文档类型
<! DOCTYPE HTML>
(2)字符集
<meta charset="UTF-8">
2.富有语义化的新结构元素
<header></header>
包括标题,logo,导航和其他页眉内容
<hgroup></hgroup>
将标题进行分组元素
<nav></nav>
主导航菜单
<section></section>
分块元素,定义网站中特定的可区别的区域
<article></article>
独立成文且以其他格式重用的内容应该置于一个article元素中
<aside></aside>
包含内容周围的相关内容
<footer></footer>
版权声明和作者信息,包含链接
3.新增的内联元素
<figure>
<figcaption> figure的标题 </figcaption>
<p>图片</p>
<img src="img1.jpg" width="100px" height="100px">
</figure>
包含图像,代码和其他内容对主要内容进行说明,删除不会影响内容
<mark></mark>
突出元素以表示引用的内容,或突出显示与用户当前活动相关的内容,不同于en或strong元素
<time></time>
在内容中显示时间或日期
<meter></meter>
定义度量衡,规定最大最小宽度,结合css一起作用
<progress></progress>
定义进度条,有 max(完成值) value(进度条当前值)两个属性
4.支持动态页面
(1) 菜单<menu>
表单中组织控件列表,属性:
autosubmit,为true,表示当表单控件改变时会自动提交
label,文档的背景色
type,定义显示那种类型的菜单,可选为"context"、"toolbar"和"list" "list"是默认值
<menu>
<li> <input type="checkbox"/> 控件 </li>
</menu>
(2)右键菜单 <menitime>
属性:
label 菜单项的标题
icon 菜单项前面显示的图标
onclick 指定单击此菜单项时执行的JS代码
(3)在script标签中使用async属性
指定异步执行的脚本
(4) <details>元素
用于描述文档或文档某个部分的细节
<details>
<summary> 控件 </summary>
<p> 用于描述文档或文档某个部分的细节 </p>
</details>
5.全新的表单设计
HTML5新的Input类型
<email>
<url>
<number>
<range>