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

小编:艳芬 1382阅读 2020.09.14

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

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



  
    
    
  
  
  

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

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

先来解释一下到底是什么意思?

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

老的网页程序源码都知道,在html4及以下的开头一行都是非常长的,并且直接暴露了w3c的网址,例如:

尾声:

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

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

2.标准模式:CSS1Compat,使用W3C标签来解析标签。

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

关联标签: