H5规范

一. 新的DOCTYPE和字符集

H5:

H4:

二. 新增语义化标签

语义化的简单理解

• 用正确的标签做正确的事情
• 让页面的内容结构化,便于对浏览器,搜索引擎解析
• 在没有CSS情况下也以一种文档格式显示,并且容易阅读
• 使阅读源代码的人更易理解网站分块,便于维护理解
• 利于SEO

新增的标签

• 1.header: 表示页眉
• 2.footer: 表示页脚
• 3.hgroup: 表示标题,里面放几个h1-h6元素
• 4.nav: 导航栏
• 5.aside: 主要内容的附属信息(侧边栏)
• 6.section: 节 或者 段
• 7.article: 表示在文档中,页面或网站中自成一体的内容
• 8.address: 表示区块容器,必须作为联系信息出现

三. Canvas API 和 SVG

canvas元素: 我们可以通过javascript来自由控制它,在里面加图片,线条以及文字,大大丰富了玉面的表现,在画布里绘图,甚至动画

SVG: 另外一种图形功能,可以缩放矢量图形,一种二维图形表示语言

四. audio和video标签

开发人员不必使用插件就能播放视频和音频

五. 地理定位API

六. 跨文档消息通信和XHR Level 2

七. Forms API

H5的表单增强了很多:主要分为两类

• 新的输入型表单空间
• 新的函数特征

八. 拖放

九. Web Worker API

由于javascript是单线程的,因此长时间的计算会阻塞UI线程,该问题的解决方案是,H5 Web Worker能够让web应用程序可以充分利用多核CPU的优势,将耗时长的任务分配给Worker执行,可以避免弹出脚本运行缓慢的警告,但是Web Worker不能直接访问Web页面和DOM API

十. Web Storage API

在浏览器里面,H5出现之前,大多使用cookie在客户端存储数据,但是数据量不大,一般为4K ,而storage提供更大的存储,一般为5M