HTML 5新特性
2015-05-29 13:39
483 查看
HTML5
(1)语义化标记
<header>,<footer>,<nav>,<article>,<section>,<aside>,<hgroup>,<time>,<mark>,<figure>,<figcaption>
(2)表单增强
①新的INPUT类型: color, email, date, month, week, time, datetime, datetime-local, number, range, search, tel, url
②新属性: required, autofocus, parttern, list, autocomplete, placeholder
③新元素:<keygen>, <datalist>, <output>, <meter>, <progress>
(3)不需要插件的视频video和音频audio
audio: ogg(ogg,oga), mp3, wav, AAC
video: ogg(ogv), H.264(mp4)
(4)基于javascript 的2D 绘图 <canvas>
每个canvas 对象, 有对应的rendercontext, path;
(5)让内容可编辑
父容器把contenteditable = true, 可进行 编辑,删除,插入 等操作。
(6)拖放
HTML5 对应的拖放事件: dragstart,drag,dragenter,dragover,dragleave,drop,dragend
(7)Web Application Storage (Web 应用本地存储)
两种存储方式:① sessionStorage 会话关闭时无效;② localStorage 存储在本地,即使机器重启还有效。
(8)Offline Web Application (离线Web 应用)
① 创建一个在线清单文件 manifest;
② 告知浏览器这个清单文件;
③ 设置服务器上MIME类型。
(9)Cross Document Messaging (跨文档消息机制)
① PostMessage API
② XMLHttpRequest Level2 { 跨域通讯,通信进度通知}
(10) 地理位置API
(11) 用ClassName 访问DOM 元素
HTML5 新增 getElementsByClassName , 相比getElementsById 提升了性能。
(1)语义化标记
<header>,<footer>,<nav>,<article>,<section>,<aside>,<hgroup>,<time>,<mark>,<figure>,<figcaption>
(2)表单增强
①新的INPUT类型: color, email, date, month, week, time, datetime, datetime-local, number, range, search, tel, url
②新属性: required, autofocus, parttern, list, autocomplete, placeholder
③新元素:<keygen>, <datalist>, <output>, <meter>, <progress>
(3)不需要插件的视频video和音频audio
audio: ogg(ogg,oga), mp3, wav, AAC
video: ogg(ogv), H.264(mp4)
(4)基于javascript 的2D 绘图 <canvas>
每个canvas 对象, 有对应的rendercontext, path;
(5)让内容可编辑
父容器把contenteditable = true, 可进行 编辑,删除,插入 等操作。
(6)拖放
HTML5 对应的拖放事件: dragstart,drag,dragenter,dragover,dragleave,drop,dragend
(7)Web Application Storage (Web 应用本地存储)
两种存储方式:① sessionStorage 会话关闭时无效;② localStorage 存储在本地,即使机器重启还有效。
(8)Offline Web Application (离线Web 应用)
① 创建一个在线清单文件 manifest;
② 告知浏览器这个清单文件;
③ 设置服务器上MIME类型。
(9)Cross Document Messaging (跨文档消息机制)
① PostMessage API
② XMLHttpRequest Level2 { 跨域通讯,通信进度通知}
(10) 地理位置API
(11) 用ClassName 访问DOM 元素
HTML5 新增 getElementsByClassName , 相比getElementsById 提升了性能。
相关文章推荐
- HTML img图片无法显示或出错,用另一张图片替换
- 如何获取选定部分的HTML
- HTML标签要用推荐标准写法去写,否则浏览器兼容性很差
- VS 2013 是不是不支持 html 的设计视图编辑了?
- HTML VIDEO 通过鼠标移动出发play和pause功能
- HTML中使背景图片自适应浏览器大小
- html上传图片并显示
- PBP: IV. STATIC-HTML-BASED PBP EXPLOITS
- 如何去掉html中的超链接
- 新手学习html的一些总结
- html初步 (一)
- html文件转换成pdf和word
- html元素id 和name的用法区别
- ScriptManager控件的使用
- 动力火车
- 在 html 中用加色法混合颜色
- @Html.Raw()
- 一些自己学习的html代码(锚,动态改变文本和链接,有序无序列表等)
- HTML的meta标签常用属性整理
- HTML