h5标签详解（新增的以及改良的）

文章来自：源码在线https://www.shengli.me/h5/62.html 

 

 

1、progress 标签：进度条；

 

2、ol标签改良：starttype reversed;翻转排序；

 

3、datalist 标签：自动补全的使用；

 

4、details 标签：展开收缩标签；

 

5、summary 标签: 自动带有展开收缩的效果；

 

6、mark 标签：高亮显示文本；

 

7、audio：音频标签；

 

8、video：视频标签；

 

9、outline：轮廓；通border但是borde占位置outline不占位置；

 

outline-offset：10px/-10px;  (设置偏移量 可实现内外边框 )

 

 

canvas 绘图：

 

1、canvas 画布

2、获取画布

 3、设置画布大小：

4、绘制对象的方式：

5、重新绘制

6、闭合绘制路径 

7、直线（起点/终点） 

8、矩形（起始坐标，宽 高） 

9、圆形（起始坐标，半径，圆周（0-Math，PI*2））

10、绘制文字