----语义化标签
<header></header>
<nav></nav>
<section></section>
<footer></footer>
<article></article>
------多媒体
<video></video>
<audio></audio>
----canvas绘画
canvas就像一块幕布，然后通过JavaScript动态地在这个区域中绘制图形；它允许我们绘制直线、圆、矩形等基本形状，以及图像和文字
-----本地存储
localStorage - 没有时间限制的数据存储
sessionStorage - 针对一个 session 的数据存储
-----WebSocket前后端双向通讯
WebSocket是一种网络通信协议， 一种由HTML5 开始提供的、在单个 TCP 连接上进行全双工通讯的协议。它和HTTP协议的最大区别在于：HTTP 协议是一种无状态的、无连接的、单向的应用层协议当客户端想要知道服务端的变化时，HTTP协议必须使用“轮询”的方式，效率很低；而WebSocket只需一次连接，便可以让服务端直接向客户端推送信息，从而告别轮询。
Node环境下运行，需要下载ws模块
-----pattern属性，可以在里面直接使用正则表达式了
<form action=”" method=”post”>
<label for=”username”>Create a Username: </label>
<input type=”text” name=”username” id=”username” placeholder="4-10" pattern="[A-Za-z]{4,10}" autofocus required>
<button type=”submit”>Go </button>
</form> 原文：https://www.cnblogs.com/2618hxh/p/14869512.html