【面试题】HTML文档的二种模式：严格（标准）模式、混杂（怪异）模式

最新推荐文章于 2024-04-14 01:48:18 发布

hjhcos

最新推荐文章于 2024-04-14 01:48:18 发布

阅读量827

点赞数

分类专栏：前端文章标签： html 前端 javascript

hjhcos

本文链接：https://blog.csdn.net/hjh_cos/article/details/122501324

版权

前端专栏收录该内容

21 篇文章 1 订阅

订阅专栏

不同的字体编码或许会影响页面的字体显示问题，但真正的问题是你还不知道DOCTYPE的用处。你用vscode在HTML文件里面敲下!并回车就会生成下面的代码，然后你就会对这段代码发呆一整天。虽然你会时不时地去调整标题名字，但是你依旧没有决定好思路。于是乎你开始上网搜索，不知不觉你就来到了B站开始了另一段人生体验。真香！！😀😀

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

言归正传，大部分网站都是类似于上面的开头方式以及基本所有网站都能看到<!DOCTYPE html>的身影，那么问题来了有网站不使用DOCTYPE类型声明吗？当然有，像Arc Forum这样的网站就没有DOCTYPE类型声明（我也是上网查了好久才搜到怎么一个网站，可太难）。那么为什么现在网站都用<!DOCTYPE html>进行类型说明？
网站设置<!DOCTYPE html>是为了防止浏览器在渲染文档时，使用一个不符合规范的渲染模式。

在严格模式下浏览器根据W3C标准进行解析并渲染，而在混杂模式下浏览器会用自己的渲染方式解析并渲染。
混杂模式的存在是为了在没有W3C标准时间段写的旧网址可以顺利地加载出来，或许未来会有比HTML更加优秀的语言是浏览器渲染更加快捷，使复杂的代码更加简洁。

其实还有DTD的内容，目前还没有看，感兴趣的小伙伴可以去搜一搜。

如果你是无意刷到这篇文章并看到这里，希望你给我的文章来一个赞赞👍👍。如果你不同意其中的内容或有什么问题都可以在下方评论区留下你的想法或疑惑，谢谢你的支持！！😀😀