html5为搜索引擎提供了便利内容布局标签：1、header->hgroup->h#头部标记header可以嵌套但不能嵌套到address,footer中2、article->address->time（可自定义格式）大块文章-一个板块的内容（html4中对应div class=content）3、section囊括一组有关系的标签4、aside表示和某一个区域块的邻近关系5、footer6、汉字元素：Ruby：当本地没有该文字字库时可以用来显示文字7、与布局无关的标签：figure,figcaption 添加与去掉对整体流式布局无影响 

一、视频格式：1.视频编码（按照指定方式压缩）3.音频编码3.容器格式（保证音画同步）二、html5支持的格式：1.mp4（MPEG-4/avc）：avc音频编码     +H.264视频编码2.vp8格式3.Vorbis格式格式工具:Ffmpeg、VLC、firefogg三、html5视频播放：<video><source src="" type=""/></video> 

一、绘制图形1、svg矢量图绘制模式2、控件生成图像法-效率低，灵活性差html5实现上述功能：<canvas width="" height=""></canvas>二、具体填充内容使用js实现步骤1、获得canvas对象2、获得2d绘制上下文对象3、指定填充的区域，模式，效果三、paths-context.beginPath();开始绘制-context.moveTo(300,700);移动至某点-contest.lineTo(600,100);连接到-context.stroke();实现绘制绘制抛物线：（直角坐标、极坐标-参数不同）context.quadraticCurveTo()贝塞尔曲线：context.bezierCurveTp()利用画图工具可做圆角叠加效果：true/false-显示背景色（待实践）

内嵌图像1、绘制图形：drawImage可以截取图片然后贴到另一张图片上（叠放）2、绘制像素：getImageData返截取图片元素回一数组存储结构为r,g,b,aputImageData回写createImageData创建（需说明维度）以上可实现滤镜功能3、合成影像（重叠绘制）globalCompositeOperation：source：-over、-in、-out、-atopdestination：-over、-in、-out、-atoplighter、copy、xor 4、creatPattern类似于drawImage将内容保存下来然后在其他地方使用

1.为什么需要独立数据存储-cookies不给力（大小限制：8k,明文存储：信息泄漏）-应用日趋复杂-需要新的独立存储方案2.独立存储-storage接口（哈希表-[key]返回value）sessionStorage-针对cookies不足-cookies对站点绑定，多个浏览器实例共享一个，安全性非常低-sessionStorage对浏览器、标签绑定localStorage针对协议、域名、端口、类似于全局应用3.离线应用-json和xml的优缺-现在使用.appcache保存（1、utf-8编码，使用CACHE MANIFEST开头2、各个标签详解：network:文件需要从网络访问；fallback：本地没有要访问的页面，指向统一的某个页面；cache：真正缓存的内容3、判定离线状态：window.applicationCache-addEventListener离线监听事件4、强制更新缓存方法-updata() 和 swapCache()-SetInterval()5、检测是否在线：window.navigator.online只是检测连接是否正常，不检测路由和服务器。）   

1、移动终端开发注意能量消耗问题2、html5：（ie9）实时二维绘图定时媒体播放离线存储数据库通信/网络微数据（自定义散标签）地理信息系统（lbs）

·新输入类型表单类型1.交互：使用http协议在客户端和服务器端传输数据，使用get，post等方法提交数据。2.代替js客户端校验：html5提供了新的输入类型：email，number,……使用方法:①email<input type="email" name="user_email" />②urlurl类型会以get方式提交（即附在浏览器地址后方）③numbermax-最大值，min-最小值，step-步进修改值 value-初始值（后两个效果有待试验）<input type="number" name="points" min="1" max="10" />④range 同number，效果为滑块⑤date pickers(需要格式化输入规范) <input type="date" name="user_date"/>效果代替了js日历插件（其他属性不一一列举，编写时可查询html5手册）⑥color提供色块选择（只有少数浏览器支持）备注:使用效果会弹出悬浮提示框（跟具不同浏览器会返回不同效果）表单属性①Autofocus：使某个控件获得焦点<input type=search name=query autofocus>（不写引号 不写结束符很不习惯……）②Placeholder：文本框内灰色提示字体(点击失去)<input type=email name=email placeholder="user@host.com">③Required：必填项……实在太多了不一个一个写了，看手册吧 ·新元素①meter：为了显示进度，就是进度条<meter value="0.6">0.6</meter>②progress:同meter③datalist：自动实现下拉选择输入<input list="cars"/><datalist id="cars"><option value="a"><option value="b"></datalist>④pattern：正则表达式⑤keygen:加密传输数据Encryption:<keygen name="security"/>keytype属性，rsa也可以是其他加密方式（这里没看懂）⑥Output：自动提交计算结果<input name="numa" type="number">+<input name="numb" type="number">=<output name="result" onforminput="value=numa.valueAsNumber+numb.valueAsNumber"></output> ·客户端校验①Required：必填项②checkValidity()：校验函数<input type=email name=email onchange="this.chekcValidity();">③setCustomValidity():自定义校验函数 ！ = = html简化了一堆js，以后前端怎么混……

地理信息系统介绍-SGS84-LBS:（基于地理系统的服务）1.Google map service(提供了html5接口)2.Bing map service(提供了html5接口)3.Baidu map service-地图应用1.移动应用,街旁、foursquare、切客2.整合现有应用微博、点评 地理位置信息获取：-Gps-AGps Geolocation API工作方式demo讲解{1.js异步(非阻塞)加载2.navigator.geolocation对象（！important）访问物力信息需要授权}官方API地址-http://dev.w3.org/geo/api/spec-source-v2