【html5基础】HTML5 知识点

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