HTML DOCTYPE

理解HTML DOCTYPE在网页开发中的作用

最新推荐文章于 2025-07-22 00:16:16 发布

转载最新推荐文章于 2025-07-22 00:16:16 发布 · 90 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/geilishu/p/5074368.html

<!DOCTYPE> 它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令.

DOCTYPE 3种类型

HTML 4.01 Strict

该 DTD 包含所有 HTML 元素和属性，但不包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

HTML 4.01 Transitional

该 DTD 包含所有 HTML 元素和属性，包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">

HTML 4.01 Frameset

该 DTD 等同于 HTML 4.01 Transitional，但允许框架集内容。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" 
"http://www.w3.org/TR/html4/frameset.dtd">

如果html中没有加上doctype 可能在不同浏览器出现bug. 所以html加上doctype是至关重要的.

转载于:https://www.cnblogs.com/geilishu/p/5074368.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30325071

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

HTML DOCTYPE的缩写

09-28

在讨论HTML DOCTYPE的缩写之前，我们先来了解一下DOCTYPE声明的作用以及其在HTML文档中的位置。DOCTYPE声明是一个必须位于HTML文档最顶部的指令，它的作用主要是告诉浏览器文档所使用的HTML或XHTML版本是什么。这样...

html doctype 作用介绍

09-28

HTML Doctype，全称为Document Type Declaration，是HTML文档开头的一个声明，它的主要作用是告诉浏览器应当按照哪个HTML或XHTML规范来解析页面内容。这个声明对于网页的正确显示至关重要，因为它直接影响到浏览器的...

参与评论您还未登录，请先登录后发表或查看评论

HTML专题之DOCTYPE

m0_56326830的博客

01-12

1511

DOCTYPE 是什么？这个问题在网上一搜有很多相关的文章，如果让我自己回答竟然让我脑子里一片空白，我的印象里加了就表示这个网页的版本是 HTML5，但是这样的回答在面试时肯定是不行的，看了很多网上的文章，决定写一篇文章来梳理一下，第一次写文章，如果有哪里讲的不对或者不完整，欢迎大家指出错误。是用于声明文档类型，告诉浏览器用标准模式渲染网页HTML5 因为不再基于 SGML，因此不需要对 DTD 进行引用，使用最简单的声明方式。

HTML之DOCTYPE

weixin_43152527的博客

10-07

1032

先看几种doctype 声明类型：  <!doctype html>  < !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">  &...

HTML DOCTYPE html的作用

qq_43293207的博客

11-24

1620

1. 什么是!DOCTYPE html DOCTYPE（document type）标签是HTML文档中的一种标准通用标记语言的文档类型声明，它并非一种HTML元素标签。 2. !DOCTYPE html的作用用于声明当前HTML文档的解析类型(document.compatMode)。通常来讲，HTML文档的解析类型分为以下两种： BackCompat：怪异模式，浏览器使用自己的怪异模式解析渲染页面。 CSS1Compat：标准模式，浏览器使用W3C的标准解析渲染页面。当我们在HTML文档的第一行（必

HTML DOCTYPE 的重要性

热门推荐

Chiclaim

05-24

2万+

定义和用法声明必须是 HTML 文档的第一行，位于标签之前。声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。在 HTML 4.01 中，声明引用 DTD，因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。 DOCTYPE 3种类型 HTML 4

缺少HTML Doctype造成的样式问题

极客神殿

07-20

1081

html页面中顶部缺少Doctype会给布局和样式带很诡异的影响，从样式和位置细节找不到问题原因时，第一个就要考虑是不是缺少Doctype文档类型声明。目前比较常用的Doctype是html5类型： <!DOCTYPE html> 这个声明使IE8、IE9处于Standards Mode标准模式，IE7、IE6处于Almost Standards Mode标准兼容模式，Firefox...

11. HTML 中 DOCTYPE 的作用

weixin_64684095的博客

07-22

612

H5 的声明HTML5 的 DOCTYPE 声明HTML5 中的声明用于告诉浏览器当前文档使用的是 HTML5 的文档类型。它必须是文档中的第一行内容（在任何 HTML 标签之前），以确保浏览器能够正确地解析和渲染页面。DOCTYPE 的作用触发标准模式DOCTYPE声明的主要作用是让浏览器以标准模式（Standards Mode）来解析和渲染页面，而不是以兼容模式（Quirks Mode）。兼容性：在没有DOCTYPE声明的情况下，浏览器可能会进入兼容模式，这会导致页面的布局和样式表现不一致。

HTML 版本声明 DOCTYPE 标签

油墨香^-^的博客

05-15

1848

当我们打开一个正规网站的源代码的时候，都会发现源代码最开始一定是以<!DOCTYPE html 开头的，而这个<!DOCTYPE> 后面有的直接添加了> 而有的还有很长的文字，如 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http:...

html DOCTYPE声明详解

Code-lover's Learning Notes

07-25

1342

<!DOCTYPE>声明定义<!DOCTYPE>声明必须是HTML文档的第一行，位于<html> 标签之前。 <!DOCTYPE>声明不是 HTML 标签；它是指示Web浏览器使用哪个 HTML 版本进行编写的指令。<!DOCTYPE>声明注意事项<!DOCTYPE>声明没有结束标签。 <!DOCTYPE>声明对大小写不敏感。在 HTML 4.01 中，<!DOCTYPE> 声明引用 DTD

Doctype 的作用

duyy1990的博客

12-31

1106

1、W3C定义： <!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。<!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。 2、特点：如果在html文件中没有<!DOCTYPE>声明，不同的浏览器会以不同的模式解析渲染页面，呈现出来的效果也就不一样，称为“怪异模式”。但是如果声明了，浏览器将会开启“严格模式”，所有浏览器按照统一的html规范或者x

＜!DOCTYPE html＞的作用是什么

m0_64387122的博客

12-05

1224

综上我们可以总结一下哈，那就是主要的作用就是通过声明的方式告知浏览器应该选用哪种模式进行解析html，css等代码，目前浏览器的排版引擎使用三种模式：怪异模式、接近标准模式、以及标准模式。如果不声明的话，浏览器就会默认使用怪异模式来解析，这可能和开发者的预期不符。所以，正确的 DOCTYPE 声明是现代 web 开发的基础，这有助于提高页面的兼容性，确保在不同的浏览器和设备上都能正常显示，也能减少调试和维护的时间。如果您有任何疑问或建议，请随时在评论区留言，我会尽快回复。

boilerplates:各种html doctype空模板

05-22

本资源"boilerplates:各种html doctype空模板"提供了一系列不同类型的DOCTYPE声明模板，方便开发者快速构建网页项目。 DOCTYPE声明位于HTML文档的开头，它的主要作用是定义文档类型和版本，以确保浏览器按照正确的...

根据虹软实现的人脸检测、追踪、识别、年龄检测、性别检测的JAVA解决方案

09-11

打开下面链接，直接免费下载资源： https://renmaiwang.cn/s/vxfyv (最新版、最全版本)根据虹软实现的人脸检测、追踪、识别、年龄检测、性别检测的JAVA解决方案

matlab YALMIP、GLPK安装资源

09-11

matlab的YALMIP、GLPK安装包，内置YALMIP、GLPK，直接将分别其添加到matlab的toolbox、路径中即可（matlab主页-设置路径-添加并包含子文件夹-YALMIP；matlab主页-设置路径-添加文件夹-github_repo）

【scratch3.0少儿编程-游戏原型-动画-项目源码】打砖块.zip

09-11

资源说明： 1：本资料仅用作交流学习参考，请切勿用于商业用途。 2：一套精品实用scratch3.0少儿编程游戏、动画源码资源，无论是入门练手还是项目复用都超实用，省去重复开发时间，让开发少走弯路！更多精品资源请访问 https://blog.youkuaiyun.com/ashyyyy/article/details/146464041

使用 OpenCV 技术实现人脸检测的方法与过程

09-11

打开下面链接，直接免费下载资源： https://renmaiwang.cn/s/o7o7f 运用 OpenCV 这一计算机视觉库来开展人脸检测相关的操作

随你记微信小程序_专为学生群体设计的便捷收支管理工具_提供快速记录日常开销与收入的功能_支持多维度数据可视化分析_帮助用户清晰掌握个人财务状况_培养理性消费习惯_无需下载安装即用即.zip