总结下学的一些关于HTML的知识。内容会不断更新。内容是自己对知识点的理解以及结合百度一些的资料。所以哪里有问题，欢迎留言～
- DOCTYPE作用：
放在网页顶部的声明。主要是告知浏览器的解析器应用什么文档标准来解析这个文档。若不存在或格式不正确时，会导致文档以兼容型模式呈现。
- 标准模式和兼容模式的区别：
Standards（标准）模式（也就是严格呈现模式）用于呈现遵循最新标准的网页，而Quirks（兼容）模式（也就是松散呈现模式或者怪异模式）用于呈现为传统浏览器而设计的网页。
- 标准模式的排版 和JS运作模式都是以该浏览器支持的最高标准运行。
- 兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。简单说就是尽可能的显示能显示的东西给用户看。
- 具体区别：
1. 盒模型
- 在严格模式中 ：width是内容宽度 ，元素真正的宽度 = width;
- 在兼容模式中 ：width则是=width+padding+border
2. - 兼容模式下可设置行内元素宽高
- 在标准模式下，给span等行内元素设置wdith和height都不会生效。标准模式下一个元素的高度是由其包含的内容来决定的，如果父元素没有设置高度，子元素设置一个百分比的高度是无效的。
3. - 使用margin:0 auto在严格模式下可以使元素水平居中
- 但在兼容模式下却会失效（用text-align属性解决）
4. - 兼容模式下table中的字体属性不能继承上层的设置，white-space:pre会失效，设置图片的padding会失效。
- HTML5 为什么只需要写
<!DOCTYPE HTML>
html5不基于SGML(标准通用标记语言),因此不需要对DTD(文档类型定义（DTD）可定义合法的XML文档构建模块。 它使用一系列合法的元素来定义文档的结构。 DTD 可被成行地声明于XML 文档中，也可作为一个外部引用。)进行引用，但是需要doctype来规范浏览器的行为（让浏览器按照他们应该的方式来运行）而HTML4.01基于SGML，所以需要对DTD进行引用，才能告知浏览器文档所使用的文档类型。
- 行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？ 内联元素和块级元素的区别？
- 行内元素：也叫内联元素。只占据它对应标签的边框所包含的空间。只能容纳文本或者其他内联元素。如：
a b span img input select strong- 块级元素：占据其父元素（容器）的整个空间，因此创建了一个“块”。通常浏览器会在块级元素前后另起一行。能容纳其他块元素或者内联元素。如：
div ul ol li h1 h2 h3 h4…p- 空元素：常见的空元素：
<br> <hr> <img> <input> <link> <meta>
鲜为人知的是：<area> <base> <col> <command> <embed> <keygen> <param> <source> <track> <wbr>- 内联元素和块级元素的区别：
- 块元素，总是在新行上开始；内联元素，和其他元素在一行；
- 块元素，能容纳其他块元素或者内联元素；内联元素，只能容纳文本或其他内联元素；
- 块元素中高度，行高以及顶和底边距都可以控制；内联元素中高，行高及顶和底边距不可改变。
- 内联元素和块级元素的转换？
- 内联元素和块级元素的转换：
1.display：块元素默认display:block;行内非替换元素(a,span)默认为display：inline;行内替换元素(input)默认为display:inline-block;
a.display:none;不显示该元素，也不会保留该元素原先占有的文档流位置。
b.display:block;转换为块级元素。
c.display:inline;转换为行内元素。
d.display:inline-block;转换为行内块级元素。
2.float：当把行内元素设置完float:left/right后，该行内元素的display属性会被赋予block值，且拥有浮动特性。行内元素去除了之间的莫名空白。
3.position：当为行内元素进行定位时，position:absolute与position:fixed.都会使得原先的行内元素变为块级元素。
- 常用的meta
- 标签提供关于html的文档元数据
- 元数据不会显示在页面上，但是对机器类是可读的
- 他可用于浏览器（显示内容/加载页面）搜索引擎（关键字）或其他web服务。
- 基本属性
属性 值 描述 keywords author/decription/keywords/generator 把content属性关联到一个名称上 content some text 定义http-equiv或name属性相关元素 http-equiv content-type/expire/refresh/set-cookie 关联到http头部
- html语义化的理解
- 使用一些符合人们认知的标签，比如使用
<nav>标签表示导航栏- 使得html语义化让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解析;
- 即使在没有样式CSS情况下也以一种文档格式显示，并且是容易阅读的;
- 搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重，利于
SEO;- 使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。