1.DOCTYPE（文档类型）的作用是什么？
//
DOCTYPE是docunment type（文档定义）的简写，用来说明web设计中所用的html或xhtml的类型，指出浏览器或者其他阅读程序按照什么样的规则集去解释文档中的标记.
2.浏览器标准模式 (standards mode) 、几乎标准模式（almost standards mode）和怪异模式 (quirks mode) 之间的区别是什么？
@产生的历史原因是啥？
@怪异模式有哪些怪异的行为？
//
标准模式：对浏览器的渲染有统一的标准 && 怪异模式：没有统一的标准
@保证旧页面的正常显示，保持浏览器的兼容性，浏览器上就产生了能够兼容严格模式和怪异模式的标准模式。
@区别是：
1.怪癖模式中 ：width是元素的实际宽度；
2.给span等行内元素设置wdith和height会生效；
3.margin:0 auto会失效；
4.图片的padding会失效；
5.Table中的字体属性不能继承上层的设置；
6.white-space:pre会失效；
3.使用 data- 属性的好处是什么？
//
自定义属性在dataset对象中统一管理，遍历很方便，至于零零散散;
可以利用这一点在生成DOM结构时把数据储存在自定义属性中,通过一系列交互操作,可以再获得这些数据,而不再用ajax去后台取得数据。
4.如果把 HTML5 看作做一个开放平台，那它的构建模块有哪些？
//
标签及属性 地理位置 画布 视频 音频 拖放 微数据 应用缓存 Web存储 web workers 服务器发送事件
5.cookies、sessionStorage 和localStorage 的区别
//
1.sessionStorage是会话级别储存,页面关闭时数据就会销毁./储存量一般有5-10M./数量无限制
2.localStorage是持久化的本地储存,不删除数据,数据是不会销毁的./储存量一般有5-10M./数量无限制
3.每次发送HTTP请求时会将cookie添加到Cookie头字段,发送给服务器./储存量不能超过4K./cookie的个数有限制
6.请解释 <script>、<script async> 和 <script defer> 的区别。
//
1.首先<script async>和<script defer>都是异步加载js文件；
2.区别是：async在加载完之后自动执行；
defer:在所有元素解析完之后；
7.为什么通常推荐将CSS<link>放置在<head></head>之间，而将JS<script>放置在</body>之前？你知道有哪些例外吗？
//
作用：当页面渲染完成再去执行< script>，防止页面阻塞。
例外：希望DOM还没加载必须需要先加载的js会放置在<head>中,有些加了defer、async的<script>也会放在< head>中。
8.什么是渐进式渲染 (progressive rendering)？
//
服务端渲染局部, 客户端渲染局部。
9.HTML 和 XHTML 有什么区别？
//
最主要的不同：
XHTML 元素必须被正确地嵌套。
XHTML 元素必须被关闭。
标签名必须用小写字母。
XHTML 文档必须拥有根元素。
10.html5新标签
//
https://baijiahao.baidu.com/s?id=1610009242466400261&wfr=spider&for=pc