HTML 5 概览(简单版)

New Semantic Elements 新的语意化标签

新的文档声明: <!DOCTYPE html>
字符编码: <meta charset="UTF-8">

script标签的变化

旧: <script type="text/javascript" src="index.js"></script>
新: <script src="index.js"></script>

link标签的变化

旧: <link rel="stylesheet" type="text/css" href="index.css">
新: <link rel="stylesheet" href="index.css">

新增标签:

  • section

  • article

  • aside

  • header

  • footer

  • nav

  • dialog

  • figure

新属性 自定义属性 data-**

HTML5 Events 新的事件

主要集中在新的api提供的事件, 可以参考 html5_events

Forms 2.0 新的表单元素

  • datetime

  • datetime-local

  • date

  • month

  • week

  • time

  • number

  • range

  • email

  • url

  • output 标签

  • placeholder 属性

  • autofocus 属性

  • required 属性

Persistent Local Storage 本地持久化存储

主要分为localStoragesessionStorage
方法主要为:

  • localStorage.getItem()

  • localStorage.setItem()

  • localStorage.removeItem()

  • localStorage.clear()

WebSocket

新一代的双向通信技术,一般使用socket的库,如socket.io

Audio & Video 音频接口

通过<video><audio>标签实现,移动端尤其是iOS的浏览器限制比较多,不能控制自动播放,也不能控制其音量。

  • Drag & drop 拖拽API

猜你喜欢

转载自www.cnblogs.com/jlfw/p/12964875.html