zoukankan      html  css  js  c++  java
  • 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 提升了性能。
     
  • 相关阅读:
    Study Plan The Twelfth Day
    Study Plan The Fifteenth Day
    Study Plan The Seventeenth Day
    Study Plan The Tenth Day
    Study Plan The Eighth Day
    Study Plan The Eleventh Day
    Study Plan The Sixteenth Day
    Study Plan The Thirteenth Day
    Study Plan The Fourteenth Day
    Study Plan The Ninth Day
  • 原文地址:https://www.cnblogs.com/daishuguang/p/3971966.html
Copyright © 2011-2022 走看看