HTML5标签

标签：列表   path   播放   inpu   width   control   绘制   哪些   rect   

HTML5新增了哪些标签？你用了哪些HTML5标签？

1.结构性标记
article:用于表示一篇文章的主题内容，一般为文字集中显示的区域
header:页面主体上的头部
nav:是专门用于菜单导航、链接导航的标记
section:用于表达书的一部分或一章

2.多媒体标记
video:视频标记，用于支持和实现视频文件的直接播放，支持缓冲预载和多种视频媒体格式，如WEBM、MP4、OGG

audio:音频标记，用于支持和实现音频文件的直接播放，支持缓冲预载和多种音频媒体格式，如MP3、OGG、WAV

3.表单标记
datalist:配合< Input/>标记定义一个下拉列表可能的值，用input的list属性来绑定datalist

4.Canvas画布
Canvas元素用于在网页上绘制图形,canvas本身没有绘图能力，所有的绘制工作必须在Js内部完成

画矩形：cxt.fillRect(0,0,150,75) ，从0,0开始画一个15075的矩形
画线：
cxt.moveTo(10,10)
cxt.lineTo(150,50)
cxt.lineTo(10,50)
cxt.stroke() //实际的绘制出moveTo lineTo定义的路径
画圆：
cxt.beginPath()
cxt.arc(70,80,15,0,Math.Pi2,true) //中心：70,80 半径：15 起始角：0 结束角：Math.PI*2 顺时针：true
cxt.closePath()
cxt.fill() //用stroke()或fill()在画布上绘制实际的弧

HTML5标签

标签：列表   path   播放   inpu   width   control   绘制   哪些   rect   

原文地址：https://www.cnblogs.com/zhoujingye/p/12513170.html