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 提升了性能。
     
  • 相关阅读:
    Netty 中的内存分配浅析-数据容器
    你想了解的 HTTPS 都在这里
    加解密算法分析
    HTTP 协议详解(二)
    HTTP 协议详解
    Netty 中的内存分配浅析
    TCP / IP 精彩回顾-必看
    Netty 中的消息解析和编解码器
    Netty 中的粘包和拆包
    python 类中方法总结 --- 实例方法、类方法、静态方法
  • 原文地址:https://www.cnblogs.com/daishuguang/p/3971966.html
Copyright © 2011-2022 走看看