html问题
选自[前端面试题](https://juejin.cn/post/6844903815586512904)的内容
1. DOCTYPE 有什么作用？怎么写？
2. 列出常见的标签，并简单介绍这些标签用在什么场景？
3. 页面出现了乱码，是怎么回事？如何解决？
4. title 属性和 alt 属性分别有什么作用？
5. HTML 的注释怎样写？
6. HTML5 为什么只写 <!DOCTYPE html> ？
7. data- 属性的作用？
8. <img> 的 title 和 alt 有什么区别？
9. Web 标准以及 W3C 标准是什么？
10. DOCTYPE 作用? 严格模式与混杂模式如何区分？它们有何意义?
11. HTML 全局属性（Global Attribute）有哪些？
html的大概框架：
<!DOCTYPE html>声明为 HTML5 文档<html>元素是 HTML 页面的根元素<head>元素包含了文档的元（meta）数据，如 定义网页编码格式为 utf-8。<title>元素描述了文档的标题<body>元素包含了可见的页面内容<h1>元素定义一个大标题<p>元素定义一个段落
具体内容
DocType
doctype 是html5标准网页声明，且必须声明在html文档的第一行。 doctype在html中的作用就是触发浏览器的标准模式，如果html中省略了doctype，浏览器就会进入到Quirks模式的怪异状态，在这种模式下，有些样式会和标准模式存在差异。
html4.0中的DocType文档解析类型
- 标准模式：(standards mode）：页面按照HTML与CSS的定义渲染。
- 怪异模式：(quirks mode)模式 ：会模拟更旧的浏览器行为。
- 近乎模式：（almost standards）模式：会实施了一种表单元格尺寸的怪异模式
meta
- meta的属性
1. 搜索引擎优化（[SEO](https://so.csdn.net/so/search?q=SEO&spm=1001.2101.3001.7020)）
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
2. 定义页面使用编码 <meta charset="UTF-8">
3. 自动刷新并指向新的页面 <meta http-equiv="refresh" content="30">
4. 实现网页转换时的动态效果
5. 控制页面缓冲
6. 网页定级评价
7. 控制网页显示的窗口
- 造成乱码的原因
①比如网页源代码是gbk的编码，而内容中的中文字是utf-8编码的，这样浏览器打开即会出现html乱码。反之网页是编码utf-8，内容是gbk也会出现乱码。
②html网页编码是gbk，而程序从数据库中调出呈现是utf-8编码的内容也会造成编码乱码。
③浏览器不能自动检测网页编码，造成网页乱码。
