H5新增属性

Posted 2021-06-10 种棵枇杷树

----语义化标签

<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>