1.什么是H5？
超文本标记语言的第五个版本
html:xt html:xs(xml) html:4s(strict) html:4t(过渡)
2.H5有哪些增强
<1>标签语义化增强
<2>连通性增强(协议)web socket 建立长连接
<3>离线和存储
<4>多媒体增强
<5>3D 图像 效果
<6>性能集成web worker js操作线程
<7>样式 css3
h5+
总结：H5是一个大的概念 包含了HTML的增强 css的增强 浏览器API的增强
3.新增的提纲标签(H5将这些常见语义div升级为标签)
<section>标签， 定义文档中的节。比如章节、页眉、页脚或文档中的其它部分。一般用于成节的内容，会在文档流中开始一个新的节。它用来表现普通的文档内容或应用区块，通常由内容及其标题组成
<article>是一个特殊的section标签，它比section具有更明确的语义，它代表一个独立的、完整的相关内容块，可独立于页面其它内容使用。例如一篇完整的论坛帖子，一篇博客文章，一个用户评论等等
<nav>标签代表页面的一个部分，是一个可以作为页面导航的链接组，其中的导航元素链接到其它页面或者当前页面的其它部分，使html代码在语义化方面更加精确
<aside>标签用来装载非正文的内容，被视为页面里面一个单独的部分。它包含的内容与页面的主要内容是分开的，可以被删除，而不会影响到网页的内容、章节或是页面所要传达的信息。例如广告，成组的链接，侧边栏等等。
<header>标签定义文档的页眉，通常是一些引导和导航信息
<footer>标签定义section或document的页脚
<hgroup>标签是对网页或区段section的标题元素（h1-h6）进行组合。例如，在一区段中你有连续的h系列的标签元素，则可以用hgroup将他们括起来
<figure>用于对元素进行组合。多用于图片与图片描述组合。
<figcaption>图片的标题
<progress value="20" max="100">进度条标签
<address>地址标签
<mark>标记标签
<code>编码标签
<time>时间标签
注释标签：
<ruby>
rb是注释对象
rt是注释内容
两个rp( 包含rt )
</ruby>
总结：
使用心得标签标准让HTML文档更加清晰 可阅读行强 更加利于SEO（搜索引擎化）也更利于视障人员阅读
这些标签的语义都比div大 也就是它们能够包含div div不能包含它们
4.新的表单元素
亲输入年龄：number (min max)
请输入邮箱:email
请输入网址:url
输入电话:tel
日期:date
颜色：color
搜索：search autofocus
滑块：range （step滑块位置）
提示：list='title'
datalist id='title'>option
文件：file
file.name:文件名称
file.size:文件大小
file.type:文件类型
file.lastModifiedDate:文件最后一次修改时间
读取图片资源
FileReader对象
将文件以base64的格式读入页面
FileReader.readAsDataURL()
返回文件的内容。只有在读取操作完成后，此属性才有效，返回的数据的格式取决于是使用哪种读取方法来执行读取操作的。
FileReader.result
用js获取颜色 : .value
5.表单的新属性
<!--提示文字-->
placeholder
<!--必填项-->
required
<!--自动获取焦点属性-->
autofocus
<!--min最小值 max是最大值 step 是间隔步数-->
<!--最大长度 最小长度-->
maxlength minlength
6.其他新属性
<!--内容是否可编辑-->
contenteditable
<!--异步运行脚本-->(外链)
<script type="text/javascript" async="async">
7.HTML5兼容问题
[if lt IE 9]-->
<!--<script type="text/javascript" src="respond.js"></script>-->
<!--<script type="text/javascript" src="html5.js"></script>-->
<!--![endif]-->
<!--respond.js:作用：让IE6-8，支持css3媒体查询-->
<!--让IE6-8支持HTML5新标签
8.H5桌面推送Notification特性 - Web的桌面通知功能
网友评论