1. DOCTYPE(⽂档类型) 的作⽤ 标准模式&怪异模式
DOCTYPE 来决定用怪异模式处理或标准模式处理，它必须声明在HTML⽂档的第⼀⾏
`<!DOCTYPE html>` 唯一的作用是启用标准模式
CSS1Compat：标准模式（Strick mode，默认模式，浏览器使用W3C的标准解析渲染页面。在标准模式中，浏览器以其支持的最高标准呈现页面。
BackCompat：怪异模式(混杂模式)(Quick mode)，浏览器使用自己的怪异模式解析渲染页面。在怪异模式中，页面以一种比较宽松的向后兼容的方式显示。防止老站点无法工作
2. html语义化
语义化标签清楚的向机器，人类描述其意义，传达标签所包含的信息。
拓展：SEO：搜索引擎优化。 搜索引擎如何工作：爬虫抓取信息。为网页建立索引，相应关键词搜索
语义化优点：1.对开发者友好，增强可读性，结构更清晰，便于后期团队维护。 2.对机器友好，便于爬虫抓取信息，利于SEO。 3.利于其他设备解读网页，例如屏幕阅读器，盲人阅读器
3. 行内元素与块级元素
-
行内元素：一个行内元素只占据它对应标签的边框所包含的空间，不重新起一行。行内元素只能包含数据和其他行内元素 a b span img input select strong -
块级元素：占据父元素整个水平空间，默认自己占一行。块级元素一般可以包含其他块级元素与行内元素。 div ul ol li dl dt dd h1 h2 h3 h4 h5 h6 p -
空元素（没有闭合标签）：`<br>`、`<hr>`、`<img>`、`<input>`、`<link>`、`<meta>`、
4. src和href的区别
src: source的缩写，表示的是对资源的引用，它指向的内容会嵌入到当前标签所在的位置。由于src的内容是页面必不可少的一部分，因此浏览器在解析src时会停下来对后续文档的处理，直到src的内容加载完毕。常用在script、img、iframe标签中，我们建议js文件放在HTML文档的最后面。如果js文件放在了head标签中，可以使用window.onload实现js的最后加载。
href: Hypertext Reference的缩写，超文本引用，指向一些网络资源，建立和当前元素或者说是本文档的链接关系。在加载它的时候，不会停止对当前文档的处理，浏览器会继续往下走。常用在a、link等标签。
src是网页的一部分，没有会造成影响。href是网页的附属资源，不会对网页核心造成影响。
5. script标签中defer和async的区别
script: 同步执行，暂停解析，下载后立即执行，继续HTML解析。阻塞HTML解析
script async: 异步执行，不暂停执行，在HTML解析时并行下载，执行后，解析HTML。可能阻塞HTML解析
script defer:异步执行，不暂停执行，在HTML解析时并行下载，解析HTML后，执行。不阻塞HTML
应用场景：
模块化script，不依赖于其他的使用async
script依赖于其他或者被依赖使用defer
6. HTML5有哪些更新
（1）新增语义化标签，例如nav、header、footer、aside、section、article （2）音频、视频标签：audio、video （3）数据存储：localStorage、sessionStorage （4）canvas（画布）、Geolocation（地理定位）、websocket（通信协议） （5）input标签新增属性：placeholder、autocomplete、autofocus、required （6）history API：go、forward、back、pushstate
7. html5离线存储
1.存储
| 标题 | 生命周期 | 存储大小 | 存储位置 |
|---|---|---|---|
| cookie | 可设置 | 4KB | 硬盘中 |
| localStorage | 持久性保存 | >5MB | 硬盘中 |
| sessionStorage | 至浏览器关闭 | >5MB | session对象中 |
2.离线存储：
<html manifest="demo.appcache">
在html标签里添加清单文件，并在服务器上创建该清单文件，并指定如何缓存文件。
用户首次访问时，根据清单将资源下载到本地缓存中。
参考链接：juejin.cn/post/722140…
8. 页面出现乱码的原因以及解决办法
网页源代码是gbk的编码，而内容中的中文字是utf-8编码的。造成网页乱码原因主要是HTML源代码中文字内容与html编码不同造成。
解决方法：
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
参考链接：www.cnblogs.com/wdysblog/p/…
9. Meta有哪些值，什么作用（viewpoint）
10. title 属性和 alt 属性分别有什么作用？
alt:图像的文本描述，在屏幕阅读器或者图片无法展示时，显示描述文字。
title:代表与它所属的元素有关的咨询信息的文本。
11.iframe的优缺点
HTML 内联框架元素 (<iframe>) 表示嵌套的browsing context。它能够将另一个 HTML 页面嵌入到当前页面中。
优点：
-
用来加载速度较慢的内容（如广告）
-
可以使脚本可以并行下载
-
可以实现跨子域通信
缺点：
- iframe 会阻塞主页面的 onload 事件
- 无法被一些搜索引擎索识别
- 会产生很多页面，不容易管理
