HTML&CSS

1.主要浏览器有哪些？内核分别是什么？

主流浏览器及内核：

(1)Chrome：Webkit
(2)IE：Trident
(3)Safari：Webkit
(4)Firefox:Gecko
(5)Opera:Presto

2.Doctype

DOCTYPE是用来声明文档类型和DTD(document type definition,文档类型定义)规范的

HTML5只有一种<!DOCTYPE>声明

<!DOCTYPE html>


HTML5不基于 SGML，所以不需要对DTD进行引用，但是需要doctype来规范浏览器的行为（让浏览器按照它们应该的方式来运行）。
而HTML4.01基于SGML,所以需要对DTD进行引用，才能告知浏览器文档所使用的文档类型。


注意：<!DOCTYPE>不是HTML标签，没有结束标签，不区分大小写

3.浏览器模式

浏览器模式分两种：
(1).标准模式(standards mode)：浏览器根据标准规约来渲染页面

以下情况浏览器会采用标准模式渲染：

  • 给出了完整的DOCTYPE声明
  • DOCTYPE声明了Strict DTD
  • DOCTYPE声明了Transitional DTD和URI

    • (2).混杂/怪异/兼容模式(quirks mode)：浏览器采用更宽松的，向后兼容的方式来渲染页面

    以下情况浏览器会采用混杂模式渲染：

  • DOCTYPE声明了Transitional DTD但未给出URI
  • DOCTYPE声明不合法 DTD
  • 未给出DOCTYPE声明

    • 混杂模式下，浏览器会模仿旧浏览器的行为

    4.页面引入CSS样式时，link和@import的区别


    1. link属于XHTML标签，除了加载CSS外，还能用于定义RSS，定义rel连接属性等作用；而@import是CSS提供的，只能用于加载CSS；
    2. 页面加载时，link引入的样式会同时被加载；而@import引入的样式只有在页面加载完才会被加载
    3. import是CSS2.1 提出的，只在IE5以上才能被识别，而link是XHTML标签，无兼容问题。

    5.浏览器渲染原理

    挂上大佬的博客，讲的很详细

    深度剖析浏览器渲染性能原理，你到底知道多少？文章作者：齐修_qixiuss