的作用 - 蛇夫座艾囡"> 的作用 - 蛇夫座艾囡

顺晟科技

2022-09-15 21:02:39

128

<!DOCTYPE html> 的作用

第一篇博客随笔：那么就从H5的第一句话入手；

<!DOCTYPE html> 是什么？有什么作用？怎么用？

1.是什么有什么作用：声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式。

document.compatMode：文档的解析类型，至于简绍给大家一个地址想学的可以去看看：https://www.cnblogs.com/fullhouse/archive/2012/01/17/2324706.html

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

这也就是恶魔的开始 -- 浏览器按照自己的方式解析渲染页面，那么，在不同的浏览器就会显示不同的样式。

如果你的页面添加了<!DOCTYPE html>那么，那么就等同于开启了标准模式，那么浏览器就得老老实实的按照W3C的

标准解析渲染页面，这样一来，你的页面在所有的浏览器里显示的就都是一个样子了。

这就是<!DOCTYPE html>的作用。

2 使用：<!DOCTYPE html>

2.1 使用简单，就是在你的html页面的第一行添加"<!DOCTYPE html>"一行代码就可以了（这里只h5的）

2.2 不用区分大小写哦

文章借鉴：http://angrycoder.iteye.com/blog/1757539；

想了解更多，可以参考：

w3c : http://www.w3school.com.cn/tags/tag_doctype.asp

博文：http://i.wanz.im/2010/05/28/why_doctype_html/

写博的目的很简单：记录点滴经验，作为警钟，让自己不在掉坑；作为灯塔，照亮别人，及时的巧妙的绕坑。