前端细碎知识汇总

Posted by Shen Chaoran on September 14, 2018

DOCTYPE: Document Type Declaration(DTD) DOCTYPE 的作用:

  • 约定 html 版本
  • 约定渲染模式

html 版本:

  • HTML 5: <!DOCTYPE html>
  • HTML 4.01 Strict: 又称XHTML,即遵循 XML 标准的 HTML。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  • HTML 4.01 Transitional: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  • HTML 4.01 Frameset: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

浏览器的渲染模式:

  • standards 标准模式
  • quirks 怪异模式:怪异盒模型,行内元素的垂直对其方式即 vertical-align 不一样
  • almost standards 混合模式:没有