html中的<!DOCTYPE html>起到什么作用？前端面试经常考到

刘金玉编程

发布于 2019-07-30 15:07:08

9760

发布于 2019-07-30 15:07:08

文章被收录于专栏：编程创造城市

相信很多小伙伴都写过html代码，即使是一些刚接触零基础网页编程的小伙伴也是，但是很多人在学习到html较多以后，却不知，在一个网页创建的时候，很多编辑器都会自动为网页键入一行代码<!DOCTYPE html>你注意到了吗？

举例hbuilder在新建一个html网页的时候会自动增加如下代码：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
  </body>
</html>

很多人都注意到了html根标签，但是却忽视了网页中的开头的第一行代码。然而在前面面试中，特别喜欢问很多人忽视的这些代码，譬如就是<!DOCTYPE html>

注意：<!DOCTYPE>来什么一个文档类型，必须要写在第一行，实际上写过程序的人都清楚，计算机程序在读代码文件的时候就是默认从上到下，从左到右来读取的。

先来解释一下<!DOCTYPE html>到底是什么意思？

实际上<!DOCTYPE html>就是告诉所有的浏览器在进行页面渲染解析的时候按照W3C的网页标签解析标准来解析渲染页面，这个标准实际上是html5中的w3c标准，所有支持html5的浏览器都支持这个标签解析标准。

老的网页程序源码都知道，在html4及以下的开头一行都是非常长的，并且直接暴露了w3c的网址，例如：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

尾声：

其实在浏览器中存在两种文档解析模式：

1.怪异模式：BackCompat，使用浏览器自己的模式解析标签。

2.标准模式：CSS1Compat，使用W3C标签来解析标签。

使用了<!DOCTYPE html>就相当于开启了CSS1Compat模式，让浏览器按照该W3C标准解析html标签和css代码

本文参与腾讯云自媒体同步曝光计划，分享自微信公众号。

原始发表：2019-07-27，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自编程创造城市微信公众号，前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度