canvas
const canvas = document.getElementById('canvas'); //获取canvas的引用
const ctx = canvas.getContext('2d'); //获取canvas 2d 上下文
ctx.fillStyle = 'green'; // 设置画笔颜色
ctx.fillRect(10, 10, 150, 100); //设置画笔范围（坐标，宽高）
video
<!-- Simple video example -->
<video src="videofile.ogg" autoplay poster="posterimage.jpg">
//视频来源， 自动播放 设置封面
抱歉，您的浏览器不支持内嵌视频，不过不用担心，你可以 <a href="videofile.ogg">下载</a>
并用你喜欢的播放器观看!
</video>
<!-- Video with subtitles -->
<video src="foo.ogg">
<track kind="subtitles" src="foo.en.vtt" srclang="en" label="English">//加字幕
<track kind="subtitles" src="foo.sv.vtt" srclang="sv" label="Svenska">
</video>
题目
-
HTML5标签 内容：header main footer article p 功能：canvas video audio
-
必考：你是如何理解 HTML 语义化的？ 举例法 HTML 语义化就是使用正确的标签（总结）段落就写 p 标签，标题就写 h1 标签，文章就写article标签，视频就写video标签，等等。 阐述法 首先讲以前的后台开发人员使用table布局，然后讲美工人员使用div+css布局，最后讲专业的前端会使用正确的标签进行页面开发。
-
meta viewport 是做什么用的，怎么写？ 举例法
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1">然后逐个解释每个单词的意思。 -
你用过哪些 HTML 5 标签？ 内容：header main footer article p 功能：canvas video audio
-
H5 是什么？ 搜一下知乎就知道了，H5表示移动端页面，反正不是HTML5。