doctype的作用是什么？它的怪异模式和标准模式怎么区分？HTML5的doctype为什么只需要写＜DOCTYPE html＞？meta标签是什么，通常包含哪些内容？

最新推荐文章于 2022-10-18 20:21:32 发布
最新推荐文章于 2022-10-18 20:21:32 发布
阅读量316 收藏
点赞数 1
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45095155/article/details/123271854
版权

doctype的作用是什么？它的怪异模式和标准模式怎么区分？

doctype是一种标准通用标记语言的文档类型声明。

作用：告诉浏览器编写页面所用的标记的版本，标准通用标记语言解析器要用什么样的文档类型定义（DTD）来解析文档。

浏览器模式：怪异模式（quirks mode）、准标准模式（almost standards mode）、标准模式（standards mode）

区分：CSS IE盒模型缺陷处理不同。

标准模式下，浏览器按照HTML与CSS标准对文档进行解析和渲染

盒模型总宽度=width+margin+padding+border

怪异模式下，浏览器则按照旧有的非标准的实现方式对文档进行解析和渲染。

盒模型总宽度=width+margin（width直接包括了padding+border）

HTML5的doctype为什么只需要写<!DOCTYPE html>？

HTML5不基于SGML，不需要对DTD进行引用，仅需要doctype来规范浏览器行为。

HTML5对于文档类型与字符说明都进行了简化，一份文档适用于所有版本的HTML。

SGML：标准通用置标语言。

meta标签是什么，通常包含哪些内容？

meta标签是网页文档信息，一般用于定义页面的特殊信息。

通常包含：编码类型、关键字、页面尺寸、修改日期、网页自动刷新跳转等。

「已注销」
关注
DOCTYPE有什么作用？标准模式与混杂模式如何区分？它们有何意义?
function_zzc的博客
02-21 1405
一、Doctype作用是什么？ 声明叫做文件类型定义（DTD），声明的作用为了告诉浏览器该文件的类型。让浏览器解析器知道应该用哪个规范来解析文档。声明必须在 HTML 文档的第一行，这并不是一个 HTML 标签。 二、严格模式与混杂模式如何区分？它们有何意义？ 严格模式：又称标准模式，是指浏览器按照 W3C 标准解析代码。 混杂模式：又称怪异模式或兼容模式，是指浏览器用自己的方式解析代码。 如何区...
为什么使用DOCTYPE HTML
12-08
在HTML5中，不再需要指定DTD，因为HTML5本身就是向后兼容的，它的DOCTYPE声明仅用于开启标准模式。 要检测浏览器当前是运行在怪异模式还是标准模式，可以使用JavaScript的`document.compatMode`属性。如果返回值为`...
HTML5为什么只需要写＜DOCTYPE HTML＞
qq_56760516的博客
03-04 349
HTML5的上一个版本是HTML4.01，HTML5结合了HTML4.01的相关标准并做出了一定的改进。而HTML4.01中的 doctype 需要对 DTD 进行引用，因为 HTML 4.01 基于 SGML（标准通用标记语言,HTML,XML都是由SGML发展的。）。而 HTML 5 不基于 SGML，因此不需要对 DTD 进行引用，但是需要用DOCTYPE（告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以怪异模式呈现。）声明来规范浏览器的行为。...
HTML5 为什么只需要写 !DOCTYPE HTML
LuckXinXin的博客
03-31 794
答： HTML5 不基于 SGML（其中，SGML—standard general markup language是标准通用标记语言,简单的说，就是比HTML,XML更老的标准，这两者都是由SGML发展而来的），因此不需要对DTD进行引用，但是需要doctype来规范浏览器的行为（让浏览器按照它们应该的方式来运行） 而HTML4.01、XML基于SGML所以需要对DTD进行引用，才能告知浏览器...
HTML5头部为什么只需要写<!DOCTYPE HTML>？
热门推荐
liona_koukou的博客
09-21 1万+
面试遇到的，记录一下，虽然我个人有点疑惑，这种题目存在的意义。。毕竟实际开发知不知道没啥影响啊 HTML5为什么只需要写? html5不基于SGML,因此不需要对DTD进行引用，但是需要doctype来规范浏览器的行为（让浏览器按照他们应该的方式来运行）而HTML4.01基于SGML，所以需要对DTD进行引用，才能告知浏览器文档所使用的文档类型。
meta标签属性以及＜!DOCTYPE＞文档声明
weixin_45656377的博客
05-26 132
笔记 前端需要了解的html5 为什么只需要写DOCTYPE
ygx_work的博客
05-23 343
原因 html5 不是基于sgml (标准通用标记语言)，不需要对dtd文件进行引用，但是需要doctype来规范浏览器的行为，否则浏览器将开启怪异模式，而html4.01 基于sgml，需要引入dtd，才能告知浏览器文档使用的文档类型。 作用 <!DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。告诉浏览器按照何种规范解析页面 严格模式与混杂模式 严格模式的排版和JS运作模式是 以该浏览器
CrystalAngelLee#crystal-interview#Doctype 作用? 严格模式与混杂模式如何区分？它们有何
07-25
（ HTML5 没有严格和混杂之分）区分DTD： Document Type Definition文档包含严格的 DOCTYPE：一般以严格模式呈现包含过渡 D
html doctype 作用介绍
09-28
HTML Doctype，全称为Document Type Declaration，是HTML文档开头的一个声明，它的主要作用是告诉浏览器应当按照哪个HTML或XHTML规范来解析页面内容。这个声明对于网页的正确显示至关重要，因为它直接影响到浏览器的...
Doctype作用？标准模式与兼容模式各有什么区别?
qq_28167307的博客
12-11 1949
Doctype作用？标准模式与兼容模式各有什么区别?Doctype作用？标准模式与兼容模式各有什么区别?HTML5 为什么只需要写 ？ Doctype作用？标准模式与兼容模式各有什么区别? 声明位于位于HTML文档中的第一行，处于 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现 标准模式的排版和JS运作模式都是以该浏览器支持...
DOCTYPE、lang、meta标签
pinkowonote的博客
08-05 313
<!DOCTYPEhtml>：文档类型声明标签，不属于html标签。告诉浏览器使用哪种HTML版本来显示网页。 这里是指当前页面采用HTML5版本来显示网页 一定要写在文档最前面的位置，在<html>标签最前面 <hr> 什么语言的网站： <html lang = "en"> <html lang = "zh-CN“> <html lang = "fr"> 会显示是否需要翻译 <hr> ...
DOCTYPE 标签的作用
qq_44875834的博客
12-26 838
<!DOCTYPE> 标签 栗子 <!DOCTYPE html> <html> <head> <title>文档的标题</title> </head> <body> 文档的内容...... </body> </html> 所有浏览器都支持 <!DOCTYPE> ...
HTML5中的DOCTYPE和meta标签
weixin_49343253的博客
06-28 2057
一、DOCTYPE声明标签 写在HTML标签的上面，位于HTML文档的开头；用来告诉浏览器应该以哪种文档规范解析该文档；不是一个HTML标签 HTML5声明 <!DOCTYPE html> 二、meta标签 放在head标签内，用来提供关于HTML文档的一些元信息，如针对搜索引擎的关键词和描述，网页的重定向，页面使用的语言，标签的属性定义了与文档相关联的名称/值对。 必需的属性： 属性 值 描述 content some_text 定义与 ht..
html页面结构的总结，主要为doctype以及meta标签
lzh_15617663141的博客
08-27 595
本文的meta标签是自己收集总结了一部分，如有什么地方不理解请跳转该链接https://segmentfault.com/a/1190000004279791，这里有比较详细以及全面的meta标签的汇总。另外对doctype的总结也比较粗糙，现在都是在用Html5，对Html4的内容了解即可   基本结构，doctype、html、head、title、meta、body   doct...
html5 Doctype的作用
weixin_45760365的博客
05-19 411
HTML <!DOCTYPE>的作用 面试题： 1.Doctype作用？标准模式与兼容模式各有什么区别？ <!DOCYPE>声明位于html文档的最上方，处于`html` 标签之前。告知浏览器的解析器 用什么文档的标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。 标准模式的排版 和js运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示，模拟老式浏览器的行为以防止站点无法工作。 2，HTML5 为什么只需要写 ？ ht
doctype的作用是什么？它的混杂模式和便准模式怎么区分？他们都有什么意义？
lucky_kundy的博客
03-06 130
doctype的作用是什么？它的混杂模式和便准模式怎么区分？他们都有什么意义？ doctype是一种标准通用标记语言的文档类型声明，目的是告诉标准通用标记语言解析器要使用什么样的文档类型定义来解析文档。 可打开开发人员工具在控制台输入document.compatMode判断输入什么模式。 怪异模式：BackCompat 标准模式：CSS1Compat HTML5的doctype为什么只需要写<!DOCTYPE html>？ html5不基于SGML,因此不需要对DTD进行引用，但是需要doc
聊聊浏览器的标准模式和怪异模式
热爱前端的大三在校生
10-18 1371
对于DOCTYPE这个词，相信大家都不陌生。。。在很久很久以前,那时候HTML和CSS还没有一个统一的标准,出现的现象就是,我用我的标准,你用你的标准,这导致了各家浏览器对于解析HTML和CSS的方式有很大的差别。
浏览器标准模式和怪异模式之间的区别是什么？
Sally的博客
09-17 1万+
浏览器解析CSS的两种模式：标准模式(strict mode)和怪异模式(quirks mode)。标准模式：浏览器按W3C标准解析执行代码；怪异模式：使用浏览器自己的方式解析执行代码，因为不同浏览器解析执行的方式不一样，所以称之为怪异模式。浏览器解析时使用标准模式还是怪异模式，与网页中的DTD声明直接相关，DTD声明定义了标准文档的类型（标准模式解析）文档类型，会使浏览器使用相关的方式加载网页并显
深入理解DOCTYPE之 DOCTYPE的标准模式、近似标准模式 及 怪异模式
韦奕-web前端开发
07-26 1430
注：未完，待整理。。 If you serve your page as XHTML using the application/xhtml+xml MIME type in the Content-Type HTTP header, you do not need a DOCTYPE to enable standards mode, as such documents a
第一行的那个<!DOCTYPE html>是什么意思？
最新发布
06-09
`<!DOCTYPE html>` 是 HTML5 中的文档类型声明，用于告诉浏览器当前页面使用的是 HTML5 标准。文档类型声明必须放在 HTML 文档的第一行，否则可能会导致浏览器以混杂模式解析页面，从而导致页面出现意想不到的问题。 在 HTML4 中，文档类型声明通常会指定一个 DTD （Document Type Definition），用于定义 HTML 文档的结构和语法规则。但是，在 HTML5 中，文档类型声明不再指定一个 DTD，而是简单地使用 `<!DOCTYPE html>` 来声明文档类型。这是因为 HTML5 的语法比以前的 HTML 版本更加简洁和灵活，不再需要复杂的 DTD 来定义其结构和语法规则。 总之，`<!DOCTYPE html>` 是 HTML5 中必需的文档类型声明，它告诉浏览器当前页面使用的是 HTML5 标准。在编写 HTML5 页面时，第一行始终应该是 `<!DOCTYPE html>`。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值