HTML 5 概览（简单版）

2024年1月5日 179次阅读 来源: duian

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 本地持久化存储

主要分为localStorage和sessionStorage
方法主要为:

  • localStorage.getItem()

  • localStorage.setItem()

  • localStorage.removeItem()

  • localStorage.clear()

WebSocket

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

Audio & Video 音频接口

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

  • Drag & drop 拖拽API

    原文作者：duian
    原文地址: https://segmentfault.com/a/1190000004086251
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞