html知识点总结

1.块级元素、内联（行内）元素的特点：（1）块级元素：以块显示的元素，高度、宽度、内边距、外边距都可以设置，如：<div>、<p>等在默认状态下都是块级元素，块级元素独占一行，非块级元素在css中可以通过display:block设置成块级元素；（2）内联（行内）元素：以文本的方式显示，高度、宽度、内边距、外边距都不可改变，如：<a>等，内联元素与其相邻的元素在一行显示，display:inline;display:inline-block为在同一行但高度、宽度、内边距和外边距可以改变（如：可以在ul中设置，使得列表水平显示）

2.href、alt、src、title的区别：（1）href：超文本引用，指网络上资源的位置，在link和a上使用；（2）alt：是html上的标签属性，用于网页上图片无法显示时给用户提供的文字说明使其了解图片的信息，给搜索引擎识别的；（3）src：外部资源的位置，指向的内容会嵌入到当前的文档标签中的位置；（4）title：既是html标签，又是html属性，当属性时，用来为元素提供额外的说明信息

3.html语义化：（1）概念：根据内容的结构化，选择合适的标签便于开发者阅读和写出更好的代码的同时让浏览器的爬虫能更好的解析（2）语义化的优点：在没有css的同时页面也能呈现出更好的内容结构和代码结构；增强用户体验：如title、alt标签解释图片的信息；有利于搜索引擎的优化（SEO）：和搜索引擎建立良好的关系，有利于爬虫抓取信息（爬虫通过标签中上下文档和各个关键字的权重来抓取信息）；方便其他设备的解析；便于团队的开发和维护；（3）在写html时应该注意的问题：尽可能少的使用无语义的标签div和span；在语义不明显，既可以用div也可以用p时，尽量用p，因为p在默认情况下有上下边距，对兼容特殊终端有利；不使用纯样式标签；需要强调的文本，可以包含在strong和em标签中，strong是加粗（不用b），em是斜体（不用i）；使用表格时，标题要用caption，表头用thead，主体部分用tbody包围，尾部用tfoot包围。表头和一般单元格要区分开，表头用th，单元格用td；表单域要用fieldset标签包起来，并用legend标签说明表单的用途；每个input标签对应的说明文本都需要使用label标签，并且通过为input设置id属性，在lable标签中设置for=someld来让说明文本和相对应的input关联起来。

4.!Doctype的作用：声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式（混杂模式、兼容模式）。

解析类型：怪异模式，浏览器使用自己的怪异模式解析渲染页面；标准模式（严格模式），浏览器使用W3C的标准解析渲染页面。这个属性会被浏览器识别并使用，但是如果你的页面没有DOCTYPE的声明，那么compatMode默认就是怪异模式