HTML(HyperText Markup Language)
Doctype作用
标签完整格式为<!DOCTYPE>
是一种标准通用标记语言的文档类型声明（）
目的是
- 告诉标准通用标记语言解析器，它应该使用什么样的文档类型定义（DTD）来解析文档
- 告诉浏览器使用什么样的html或xhtml规范来解析html文档（即解析器用什么文档标准解析这个文档）
- 指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现
有以下模式
BackCompat：标准兼容模式未开启（或叫怪异模式、混杂模式）
CSS1Compat：标准兼容模式已开启（或叫严格模式）
标准模式与兼容模式区别
- 标准模式中，页面的排版 和JS运作模式都是以该浏览器支持的最高标准运行。
- 兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。
HTML5 为什么只需要写 <!DOCTYPE HTML>？
已经不需要要这样写了：
- HTML5
<!DOCTYPE html>
- XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
HTML5 不基于 SGML，因此不需要对DTD进行引用，但是需要doctype来规范浏览器的行为（让浏览器按照它们应该的方式来运行）；
而HTML4.01基于SGML,所以需要对DTD进行引用，才能告知浏览器文档所使用的文档类型。
DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。
HTML 元素
- HTML 元素以开始标签起始
- HTML 元素以结束标签终止
- 元素的内容是开始标签与结束标签之间的内容
- 某些 HTML 元素具有空内容（empty content）
- 空元素在开始标签中进行关闭（以开始标签的结束而结束）
- 大多数 HTML 元素可拥有属性（使用小写）
HTML head 元素
- <head> 定义了文档的信息
- <title> 定义了文档的标题
- <base> 定义了页面链接标签的默认链接地址
- <link> 定义了一个文档和外部资源之间的关系
- <meta> 定义了HTML文档中的元数据
- <script> 定义了客户端的脚本文件
- <style> 定义了HTML文档的样式文件
HTML 文本格式化标签
- <b> 定义粗体文本
- <em> 定义着重文字
- <i> 定义斜体字
- <small> 定义小号字
- <strong> 定义加重语气
- <sub> 定义下标字
- <sup> 定义上标字
- <ins> 定义插入字
- <del> 定义删除字
HTML 块状元素
- address - 地址
- blockquote - 块引用
- center - 举中对齐块
- dir - 目录列表
- div - 常用块级容易，也是CSS layout的主要标签
- dl - 定义列表
- fieldset - form控制组
- form - 交互表单
- h1 - 大标题
- h2 - 副标题
- h3 - 3级标题
- h4 - 4级标题
- h5 - 5级标题
- h6 - 6级标题
- hr - 水平分隔线
- isindex - input prompt
- menu - 菜单列表
- noframes - frames可选内容，（对于不支持frame的浏览器显示此区块内容
- noscript - 可选脚本内容（对于不支持script的浏览器显示此内容）
- ol - 有序表单
- p - 段落
- pre - 格式化文本
- table - 表格
- ul - 无序列表
HTML 内联元素
- a - 锚点
- abbr - 缩写
- acronym - 首字
- b - 粗体(不推荐)
- bdo - bidi override
- big - 大字体
- br - 换行
- cite - 引用
- code - 计算机代码(在引用源码的时候需要)
- dfn - 定义字段
- em - 强调
- font - 字体设定(不推荐)
- i - 斜体
- img - 图片
- input - 输入框
- kbd - 定义键盘文本
- label - 表格标签
- q - 短引用
- s - 中划线(不推荐)
- samp - 定义范例计算机代码
- select - 项目选择
- small - 小字体文本
- span - 常用内联容器，定义文本内区块
- strike - 中划线
- strong - 粗体强调
- sub - 下标
- sup - 上标
- textarea - 多行文本输入框
- tt - 电传文本
- u - 下划线
- var - 定义变量
HTML 空元素
常见
- br
- hr
- img
- input
- link
- meta
鲜为人知
- area
- base
- col
- command
- embed
- keygen
- param
- source
- track
- wbr
