1.语义化，标签化的作用（★）
HTMl标签语义化，简单来说，就是让标签有含义，给某块内容用上一个最恰当最合适的标签，使页面有良好的结构，页面元素有含义，不论是谁都能够看懂这块内容是什么，并且有利于搜索引擎。
标签语义化的好处：
1. HTML结构清晰
2. 代码可读性较好
3. 无障碍阅读
4. 搜索引擎可以根据标签的语言确定上下文和权重问题
5. 移动设备能够更完美的展现网页（对css支持较弱的设备）
6. 便于团队维护和开发
2.说说你常用的标签以及对应的作用（★★★）
配合项目说比较好。
<hn>标题，<p>段落，<a>链接，<div>块级元素，<input>输入框，<form>表单，<span>行内元素…
3.br、hr的作用和区别（★）
<br>是换行
<hr>是水平分隔线
4.说说你知道的空格标记（★）
（ ；）叫"不换行空格",是常规空格的宽度，可运行于所有主流浏览器。
（&ensp；）叫“半角空格”，全称是En-Space，等同于字体宽度的一半。
（&emsp；）叫“全角空格”，全称是Em-Space，em是字体排印学的计量单位，相当于当前指定的点数。例如 1em在16px的字体中就是16px。
（&thinsp；）叫窄空格，全称是Thin-Space。我们不妨称之为“瘦弱的空格”，即该空格长得比较瘦弱，身体单薄，占据的宽度比较小，是 em 宽度的之六分之一；
一定都要加分号哈。
5.各种外部文件的引用方式（★★）
css外部文件的引用可分为两种，一种是通过在<head></head>里面的link来引用，
另外一种是直接通过import来引用。
1.
<link rel="stylesheet" href=".."/>
这种引用放在<head>部分
2.
@import url (/css/..)
这种引用可以将引用的代码放在任何<body></body>位置
6. <meta DOCTYPE>的作用（★★）
DOCTYPE是document type的简写，用于声明文档类型，指出应该用什么样的规则来解析文档标记。
DOCTYPE的声明必须是 HTML 文档的第一行，位于html标签之前。
<!DOCTYPE HTML>是html5的声明。
<meta> 标签是 HTML
语言头部的一个辅助性标签，可以定义页面编码语言、搜索引擎优化、自动刷新并指向新的页面、控制页面缓冲、响应式视窗等！
meta标签的charset的信息参数如UTF-8时，代表世界通用的语言编码.在HTML5中，我们一般都是：<meta charset="utf-8"/>
HTML 5新增的viewport ：能优化移动浏览器的显示（屏幕的缩放）
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
7.readonly和disabled的区别（★★★）
1.作用范围不同
disabled属性可以作用于所有的表单元素。
readonly属性只对<input type="text">、<input type="number">、<textarea>和<input type="password">等可以输入的表单元素有效。
2.作用程度不同
disabled属性阻止对元素的一切操作，例如获取焦点，点击事件等等。
readonly属性只是将元素设置为只读，其他操作正常。
8. audio video的属性和使用（★★★）
HTML5中主要增加了两个新的多媒体元素：video和audio。 video元素是与视频相关的，用于在页面中播放视频文件；
audio元素是与音频相关的，用于在页面中播放音频文件。
video的属性
audio和video相同，但是没有width、height、poster、静音播放
相关API
使用
let video = document.querySelector("video")
video.play() // 播放
video.ended() // 暂停
// 视频进度发生改变，打印当前时间
video.ontimeupdate = function () {
console.log(video.currentTime);
}
// 视频播放开始时，打印“来看我啊”
video.onplay = function () {
console.log("来看我啊");
}
<video src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4"
controls autoplay loop muted>
<!-- 写在video标签中的内容在浏览器不支持的情况下，就使用source中的内容，
可写多个，在多个的情况下，以第一个为准-->
<source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4">
</video>
2570
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
