1.H5新增语义化标签,具体标签如下:
header标签包含引导和导航等,通常包含h1~h6、搜索框、logo等。
footer标签一般配合address标签(显示地址),包含作者信息、相关链接等。
nav标签一般包含多个a标签,构建导航组件。
aside标签主要装载广告、侧边栏。
article标签包含文章,一般内嵌header、footer、h1、p标签。
section标签可以用在以上任一一个标签中划分组件。
hgroup顾名思义是h1~h6的集合。
总结:
这些标签就是div标签的语义化转化,过去我们曾用div来包裹某个块或者说组件,现在h5使用这些标签实现语义化,有利于代码可读性和SEO。语义元素在IE6-8的兼容可以使用。对js创建新元素也有一定的帮助。如:
1.document.createElement('header');
2.document.createElement('nav');
2.本地存储
h5提供了sessionStorage、localStorage和indexedDB加强本地存储。使用之前应该先判断支持情况。如:
if(window.sessionStorage){
//浏览器支持sessionStorage }
if(window.localStorage){
//浏览器支持localStorage }
3.离线web应用
页面缓存指的还是有网络状态下,而离线web应用指的是在没有网络状态可以运行应用
if(window.applicationCache)
{//支持离线应用}
4.表单新增功能
Type=“email” 限制用户必须输入email类型
Type=“url” 限制用户必须输入url类型
Type=“range” 产生一个滑动条表单
Type=“search” 产生一个搜索意义的表单
Type=“color” 生成一个颜色选择的表单
Type=“time” 限制用户必须输入时间类型
Type=“month” 限制用户必须输入月类型
Type=“week” 限制用户必须输入周类型
Type=“datetime-local” 选取本地时间
6.地理定位
h5提供了Geolocation API访问地理位置,即通过window.navigator.geolocation来实现访问。这个对象有三个方法:
getCurrentPosition()
watchPosition()
clearWatch
页面第一次使用这个api需要获得用户许可, watchPosition可以对位置变化事件进行监听。