码迷,mamicode.com
首页 > Web开发 > 详细

HTML5 知识点

时间:2014-09-15 00:51:27      阅读:303      评论:0      收藏:0      [点我收藏+]

标签:blog   http   color   io   os   java   ar   文件   art   

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 提升了性能。
 

HTML5 知识点

标签:blog   http   color   io   os   java   ar   文件   art   

原文地址:http://www.cnblogs.com/daishuguang/p/3971966.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!