DOCTYPE的作用是什么？

最新推荐文章于 2023-11-17 09:41:40 发布
最新推荐文章于 2023-11-17 09:41:40 发布
阅读量450 收藏 2
点赞数 4
分类专栏： 前端 HTML5 文章标签： 前端 html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45775962/article/details/125174624
版权

DOCTYPE和 !DOCTYPE HTML

DOCTYPE的作用：告诉浏览器以什么样的文档类型定义解析文档

而 !DOCTYPE HTML的作用是让浏览器进入标准模式，使用最新的HTML5标准来解析页面

扩展：

浏览器有两种模式：

  • 标准模式：以最高标准呈现页面

  • 怪异模式：以较宽松的方式向后兼容

    两者的区别：主要体现在盒子的宽高上

    标准模式盒子的宽 = margin + bored + padding + width（content）

    怪异模式盒子的宽 = margin + width（content+padding+bored）

我们应该避免浏览器进入怪异模式，不同的渲染模式会影响浏览器对css和js脚本的解析

小小小张同学
关注
  • 4
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
DOCTYPE声明作用及用法详解
09-28
很多朋友不知道DOCTYPE声明的作用，特为大家搜索整理了这篇文章，希望对需要的朋友有所帮助。
【转】Sphinx速成指南
weixin_34198797的博客
12-21 142
原文地址：http://www.21andy.com/blog/20100928/1973.html Sphinx速成指南 版权 © 2008 Dony,tappony(at)gmail.com>，版权所有，转载请声明来源与作者 2008-01-11 目录 1.Sphinx简介1.1.什么是全文检索1.2.介绍1.3.Sphinx的特性2.Sphinx安装(For MyS...
Docsify使用指南，使用Typora+Docsify打造最强、最轻量级的个人&团队文档，及免费和开源且低成本文档工具
weixin_48290901的博客
11-09 5108
Docsify使用指南，使用Typora+Docsify打造最强、最轻量级的个人&团队文档，及免费和开源且低成本文档工具
Doctype的作用是什么？
qq_15571919的博客
03-08 4531
Doctype的作用是什么？ doctype 是html5标准网页声明，且必须声明在html文档的第一行。来告知浏览器的解析器用什么文档标准解析这个文档，不同的渲染模式会影响浏览器对于 CSS代码甚至javascript脚本的解析。 - 文档解析类型有： BackCompat：怪异模式， 浏览器使用自己的怪异模式解析渲染页面。（如果没有声明DOCTYPE,默认就是这个模式）。 CSS1Compat： 标准模式，浏览器使用W3C的标准解析渲染模式。 - 还有一种近乎模式 这三种模式的区别是什么？
深入理解DOCTYPE的作用
热门推荐
越努力，越幸运！
06-21 2万+
现在的代码编辑器越来越人性化，各种插件、快捷键都能够帮助我们快速生成代码。比如：使用vscode编辑器在html文档中输入！再按tab键就能快速生成一个完整的html结构。如图所示 今天我们要说的不是代码编辑器，我们将目光移到文档的顶部，会发现顶部有一个<!DOCTYPE html>声明，很多人不知道这个这个声明有何作用，甚至还想把它给删除。 1...
什么是DOCTYPE (document type)它对网页起何作用？
weixin_30758821的博客
05-03 193
DOCTYPE是document type(文档类型)的简写，在web设计中用来说明你用的XHTML或者HTML是什么版本。 要建立符合标准的网页，DOCTYPE声明是必不可少的关键组成部分；除非你的XHTML确定了一个正确的DOCTYPE，否则你的标识和CSS都不会生效。 在这个里首先要先说明一下html与xhtml的关系： XHTML是The Extensible HyperT...
HTML <!DOCTYPE> 标签
Tristan1126的博客
09-01 234
定义和用法 <!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。 <!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。 在 HTML 4.01 中，<!DOCTYPE> 声明引用 DTD，因为 HTML 4.01 基于 SGML...
html doctype 作用介绍
12-14
文档模式主要有以下两个作用： 1、告诉浏览器使用什么样的html或xhtml规范来解析html文档 2、对浏览器的渲染模式产生影响；不同的渲染模式会影响到浏览器对于 CSS 代码甚至 JavaScript 脚本的解析，所以Doctype是...
IE下文本模式!DOCTYPE作用介绍
09-28
档类型（英文简称!DOCTYPE，英文全称DOCumentTYPE），它的目的是要告诉标准通用标记语言解析器，它应该使用什么样的文档类型定义（DTD）来解析文档
为什么使用DOCTYPE HTML
09-28
不管是刚接触前端，还是你已经精通web前端开发的内容，你应该知道在你写html的时候需要定义文档类型
TypeScript 文档化工具: typedoc
晴树的专栏
07-14 8755
http://www.xdnote.com/typedoc/ 由于目前主要前端语言由JavaScript切换到了TypeScript，所以原先用的JSDoc工具也用不了了，虽说JSDoc官方也在积极适配TypeScript，但始终产品不能等工具。何况不是核心的文档功能。 于是上Github上找了一下，很快发现了以下项目： TSDoc typescript-docs ts2jsd...
html中的doctype有什么作用,HTML中doctype的作用及几种类型详解
weixin_36200503的博客
06-10 3156
一、DOCTYPE标签的定义与作用是一个用于声明当前HTMl版本，用来告知web浏览器该文档使用是哪种 HTML 或者 XHTML 规范来解析页面，以便浏览器更加准确的理解页面内容，更加良好地展现内容效果！二、DOCTYPE标签的特点1. 标签没有结束标签；2.声明被所有主流浏览器支持；3.声明不是一个HTML标签，在HTML5中是可以不区分大小写的；4.声明必须位于HTML文档中最前面，处于标签...
DOCTYPE的详细讲解
zayyo的博客
06-29 1395
我们在创建一个HTML文件时都会有一个<!DOCTYPE>标签，虽然他很不起眼，但是他在我们的HTML文件只能却是很重要的。今天我们就来好好分析一下它的作用！！！
Doctype作用？
Nancy_1990的博客
06-21 606
1. Doctype定义 这个标签是一种通用标记语言的文档类型声明，它主要就是告诉标准通用标记语言解析器应该使用什么样的文档类型定义 Document Type Definition（DTD）来解析文档。 2.Doctype作用 Doctype的作用就是声明文档的解析类型(document.compatMode),也就是告知浏览器的解析器用什么文档标准解析这个文档。如果DOCTY
DOCTYPE 是什么，起到什么作用，常用的有哪些？
最新发布
weixin_46162592的博客
11-17 354
DOCTYPE（DocumentTypeDeclaration）是HTML文档中的一个重要声明，用于指定当前文档所采用的HTML版本。
零基础学前端，需要记忆，HTTP篇
yechenyhsa的博客
09-08 88
第一讲 什么是HTML? 超文本标记语言 第一个网页 1.文档标记 <!docpyte html> 2.头部标记 <head></head> <meta charset='utf-8'> 文档的编码方式 <title>网页标题（地址栏）</title> ...
DOCTYPE的作用，取值与区别
03-17 8481
在学习html时没有特别关注写在头部的doctype,只知道那是声明文档类型用的，昨天被阿里的面试官问到doctype有几种类型，一下答不上来，之后通过查阅资料，决定整合一下自己所看到的关于doctype的理解。 DOCTYPE是document type(文档类型的）的简写。用来说明你用的是XHTML获HTML是什么版本。 DOCTYPE声明必须放在每一个XHTML文档最顶部，在所有代码和标
DOCTYPE 的作用是什么
piaojiancong的博客
04-11 549
我们写页面的时候经常会看到： <!DOCTYPE html> 在h5之前是这样的： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 作用 <!DOCTYPE> 声明一般位于文档的第一行，它的作用主要是告诉浏览器以什么样的模式来解析文档。 一般指定了之后会以标准模式来进行文档解析，否则就以兼容模式进行解析。在标准模式下，浏览器的解析规则
DOCTYPE作用及用法详解
weixin_33889665的博客
12-16 986
一、浏览器呈现模式和doctype 有的网页是遵循标准而创作的，但也有很多不是。即使你不能创建遵循标准的网页，也希望浏览器根据标准来正确显示那些页。目前，大量网页充斥着大量非标准代码，它们仍能正常地工作。事实上，为旧版浏览器设计的大多数代码都能在新版浏览器中正确显示（虽然呈现方式可能有所区别）。这是什么原因呢？事实上，假如严格遵循最新标准，会完全破坏那些页的生存基础。对于任何希望有所...
html的doctype可以删除吗？删除了有什么后果？doctype有什么作用？
05-05
doctype的作用是告诉浏览器文档使用的是哪个HTML版本，以便浏览器可以使用正确的规则来解析和渲染文档。在HTML5之前，doctype还用于指定DTD（文档类型定义），以便浏览器可以验证文档的结构和内容是否符合规范。在...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值