在互联网的旧时代,Netscape Navigator 和 Microsoft Internet Explorer 是流行的浏览器。他们有不同的规则集,因此网页有两个不同的版本为他们服务。
后来,更多的浏览器出现了,互联网也有了标准规范。但他们必须支持两种不同的方式来渲染网页:标准和怪癖模式。标准模式用于使用标准 Web 规范渲染页面,而怪癖模式用于支持传统网站。
这两种模式的区别在于 doctype
,它引用文档类型定义(或 DTD
)。它为特定的 HTML 版本定义了一组规则。下面是 doctype
声明的示例:
<!-- HTML 4.01 -->
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!-- HTML 5 -->
<!DOCTYPE html>
如果一个页面没有指定 doctype
,它将以怪癖模式渲染网页。因此,它会导致页面出现一些奇怪的外观问题。
从 HTML5 开始,我们只需将其 doctype
添加到页面顶部:
<!DOCTYPE html>
<html>
...
</html>
以下是一些 HTML Skeleton 的介绍(包括一些奇特的现象):