HTML基础
HTML、XML、XHTML 的区别
HTML：
超文本标记语言，是语法较为松散的，不严格的Web语言；
XML：
可扩展标记语言，主要用于存储数据和结构参考
XHTML
可扩展超文本标记语言，基于XML，作用与HTML类似，但语法更严格参考
HTML 语义化
让正确的标签做该做的事，选择合适的标签，使用合理的代码结构。便于开发者阅读。同时让浏览器的爬虫和机器很好的解析
内容与样式分离的原则
- 写 HTML 仅处理内容，只考虑 HTML 的结构和语义化，避免出现属性样式。
- 写 JS 的时候，尽量不使用 JS直接操作样式。
- 页面展现的所有样式，都由CSS来负责实现。
常见的meta标签
| 标签 | 含义 |
|---|---|
| 声明文档使用的字符编码 | |
| 声明文档兼容模式，指示IE以目前可用的最高模式显示内容 | |
| 定义针对搜索引擎的关键词 | |
| 页面描述，告诉搜索引擎你的站点的主要内容 | |
| 定义网页作者 | |
| 定义页面的最新版本 | |
| 5秒刷新一次页面 | |
| 用于设定网页的到期时间，一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式 | |
| 禁用缓存 | |
| cookie设定，如果网页过期，存盘的cookie将被删除。需要注意的也必须使用GMT时间格式。 | |
| 搜索引擎索引方式 |
文档声明的作用
-<!doctype>标签用来声明文档对象模型，用来告诉浏览器应该使用哪种方式来解析渲染页面。
-严格模式就是使用<!doctype>标签来显式声明该用哪种方式来渲染页面。
-混杂模式即不加<!doctype>标签，允许浏览器使用自己的方式来渲染页面。
-<!doctype html>即就是声明使用HTML5来解析渲染页面。
浏览器乱码的原因
浏览器出现乱码一般是由于在制作页面时使用非英文字符时，保存的编码格式与浏览器解析时的解码格式不匹配。为了解决这个问题，就要在页面保存时就在HTML的里添加来声明编码格式，来告诉浏览器应该用什么解码格式来解码，例如使用UTF-8来编码的页面，添加`来告诉浏览器使用UTF-8格式来解码，就不会出现乱码了。
常见的浏览器
| 浏览器 | 内核 |
|---|---|
| Internet Explorer | IE内核 |
| Firefox | Gecko |
| Opear | Presto |
| Safari&Chromr | Webkit |
常见的标签
标签 使用场景
| 将所有HTML内容都包含在这个标签内 | |
|---|---|
| 用于定义文档的头部，它是所有头部元素的容器。 | |
| 文档的标题 | |
| 提供有关页面的元信息 | |
| 文档的内容 | |
| h1 | 一级标题，h1h6分别对应六级标题，从16标题一次减小 |
| p | 整段文字 |
| a | 定义锚，即在页面插入链接 |
| img | 图片 |
| ul | 无序列表 |
| ol | 有序列表 |
| li | 列表项 |
| br | 换行 |
| div | 定义文档中的节，默认表现为块元素 |
| span | 定义定义文档中的节，默认表现为行内元素 |
| em | 定义强调文本 |
| i | 定义斜体字 |
| strong | 定义强调文本 |
| q | 定义短引用 |
