前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >html中的<!DOCTYPE html>起到什么作用?前端面试经常考到

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

作者头像
刘金玉编程
发布2019-07-30 15:07:08
9760
发布2019-07-30 15:07:08
举报
文章被收录于专栏:编程创造城市

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

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

代码语言:javascript
复制
<!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代码


相关文章:

html网页开发基础

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2019-07-27,如有侵权请联系 cloudcommunity@tencent.com 删除

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

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

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档