HTML5知识点总结

• 语义
  • 区块和段落元素
    • section article nav header footer aside hgroup
  • 音频和视频
    • audio video
  • 表单改进
    • 提供强制校验的API
      • 内置提供:valid和:invalid这两个伪类，来设置元素通过或未通过时的样式
      • required属性 如果输入为空，表单不会提交，并会提示错误
      • pattern属性 支持正则表达式
      • minlength maxlength 来强制条目的长度
    • output元素：执行计算然后在output元素中展示结果
  • 改进iframe，新增sandbox seamless srcdoc属性
• 流通性（通信）
  • Web sockets
    • 在单个TCP连接上进行全双工通讯的协议
    • 替代了Ajax轮询（缺点是：每次都包含体积很大的HTTP请求头，节省了服务器资源和带宽）的方案
    • [https://www.runoob.com/html/html5-websocket.html]
  • 服务器向浏览器推送事件，允许网页自动获得来自服务器的更新
    • [https://www.runoob.com/html/html5-serversentevents.html]
  • webRTC 即时通信，类似于视频会议
• 离线 & 存储
  • 离线资源缓存
  • 在线和离线事件，用于检测是否存在可用网络连接
  • 客户端会话和持久化存储（DOM存储）
  • IndexedDB 能够在浏览器存储大量结构化数据
• 多媒体
  • audio video
  • WebRTC 即时通信
  • 提供camera api，允许使用计算机的摄像头
• 绘画 & 效果
  • canvas
  • WebGL 3D图像效果
  • SVG
• 性能 & 集成
  • web workers 把JavaScript计算委托给后台线程
  • History API 允许操作浏览器的历史记录
  • contentEditable标准化
  • 拖放API
  • requestAnimationFrame 允许控制动画渲染以获得更优性能
  • 全屏API
  • 在线离线事件（处于当前tab和离开当前tab）
• 设备访问
  • 摄像头
  • 触控事件
  • 地理位置定位
  • 检测设备方向