关于HTML面试题讲解？

src和href的区别？

src指向的是外部的资源位置，它指向的内容会嵌入到我们的文档中并替换掉我们的当前标签的所在位置，在请求src资源时会将其指向的资源下载到我们的文档中，例如js脚本，img照片和frame等元素。

当浏览器开始解析src的元素时，会暂停掉其他的资源下载和处理，直到该资源加载，编译，执行完毕，这也就是为什么我们将js脚本放在底部而不是头部

href指向的网络资源所在位置，建立和当前元素的一个链接，如果在文档中添加link标签，其中的href就会被识别为css文件，就会并行下载资源并且不会停止对当前文档的处理，这也是为什么建议我们使用link方式来进行引入css而不是通过@import的方式了

HTML语义化理解？

我对于语义化的理解其实就是正确的标签做正确的事

语义化的优点：

SEO友好，适合爬虫爬取信息，对开发者友好，增加了可读性结构更加简单，清晰明了，便于团队开发与维护

常见的语义化标签

<header></header>

<footer></footer>

<nav></nav>

<aside></aside>

<main></main>

DOCTYPE的作用？

DOCTYPE是HTML5中一种标准通用语言的文档类型声明，他的目的告诉浏览器应该以什么样的文档类型定义来解析文档，不同的渲染模式会影响浏览器对css代码甚至javascript的脚本解析，他必须声明在HTML文档中的第一行

两种模式：

css1Compat：标准模式，浏览器使用w3c来进行标准的解析渲染，他是以一种极高的标准进行呈现页面

BackCompat：怪异模式：浏览器使用自己的怪异模式来进行解析渲染页面，页面以一种比较宽松的向后兼容的方式显示