关于：HTML <!DOCTYPE> 标签

最新推荐文章于 2024-12-12 07:15:03 发布
最新推荐文章于 2024-12-12 07:15:03 发布
阅读量883 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 前端 文章标签： HTML XHTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/lvhjean/article/details/78902466
本文详细解释了HTML和XHTML文档中的DOCTYPE声明的作用及不同类型的DTD，包括Strict、Transitional和Frameset，以及它们如何影响文档的表现。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

最近修改同事做的页面时出现错误，我自己做的时候正常，但是将修改的部分代码复制到他的页面中时出现错误，主要样式改变较大。对比发现是HTML <!DOCTYPE> 标签 不同。就查了一下W3C的关于<!DOCTYPE> 标签的详细说明。一下是W3C的详细说明。以此让自己注意也让大家关注一下。

<!DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
该标签可声明三种 DTD 类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档。
以下面这个 <!DOCTYPE> 标签为例：
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

在上面的声明中，声明了文档的根元素是 html，它在公共标识符被定义为 "-//W3C//DTD XHTML 1.0 Strict//EN" 的 DTD 中进行了定义。浏览器将明白如何寻找匹配此公共标识符的 DTD。如果找不到，浏览器将使用公共标识符后面的 URL 作为寻找 DTD 的位置。
提示和注释：
注释：<!DOCTYPE> 标签没有结束标签！
HTML
HTML 4.01 规定了三种文档类型：Strict、Transitional 以及 Frameset。
HTML Strict DTD
如果您需要干净的标记，免于表现层的混乱，请使用此类型。请与层叠样式表（CSS）配合使用：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "
http://www.w3.org/TR/html4/strict.dtd">

HTML Transitional DTD
Transitional DTD 可包含 W3C 所期望移入样式表的呈现属性和元素。如果您的读者使用了不支持层叠样式表（CSS）的浏览器以至于您不得不使用 HTML 的呈现特性时，请使用此类型：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd">
Frameset DTD
Frameset DTD 应当被用于带有框架的文档。除 frameset 元素取代了 body 元素之外，Frameset DTD 等同于 Transitional DTD：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "
http://www.w3.org/TR/html4/frameset.dtd">

XHTML
XHTML 1.0 规定了三种 XML 文档类型：Strict、Transitional 以及 Frameset。
XHTML Strict DTD
如果您需要干净的标记，免于表现层的混乱，请使用此类型。请与层叠样式表（CSS）配合使用：
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

XHTML Transitional DTD
Transitional DTD 可包含 W3C 所期望移入样式表的呈现属性和元素。如果您的读者使用了不支持层叠样式表（CSS）的浏览器以至于您不得不使用 XHTML 的呈现特性时，请使用此类型：
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

XHTML Frameset DTD
当您希望使用框架时，请使用此 DTD！
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

如需检查你是否编写了带有正确 DTD 的合法 XHTML 文档，您可以把您的 XHTML 页面链接到一个 XHTML 验证器。
关于：HTML <!DOCTYPE> 标签
雨露青瓷
07-20 325
最近修改同事做的页面时出现错误，我自己做的时候正常，但是将修改的部分代码复制到他的页面中时出现错误，主要样式改变较大。对比发现是HTML 标签 不同。就查了一下W3C的关于 标签的详细说明。一下是W3C的详细说明。以此让自己注意也让大家关注一下。 声明位于文档中的最前面的位置，处于 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。 该标签可声明三种 DTD ...
<!DOCTYPE>标签的定义与用法
沫沫酱
03-06 2073
的定义：      声明位于文档中的最前面的位置，处于标签之前。此标签可告知浏览器文档使用哪种HTML或XHTML规范。 该标签可声明三种DTD类型，分别表示严格版本、过渡版本以及基于框架的HTML版本。（假如文档中的标记不遵循doctype声明所指定的DTD，这个文档除了不能通过代码校验之外，还有可能无法在浏览器中正确显示。） 的用法： 解析：在上面的声明中，
DOCTYPE 标签的定义与用法
chenjin_chenjin的博客
05-07 967
转载地址：https://blog.youkuaiyun.com/u012011360/article/details/44101157&amp;lt;!DOCTYPE&amp;gt;的定义： &amp;lt;!DOCTYPE&amp;gt;声明位于文档中的最前面的位置，处于&amp;lt;html&amp;gt;标签之前。此标签可告知浏览器文档使用哪种HTML或XHTML规范。 该标签可声明三种DTD类型，分别表示严格版本、过渡版本以及基于...
HTML的结构标签
g960526的博客
03-24 2620
HTML的结构标签 结构便签，顾名思义，大多数是没有太多特殊的作用的，但是它是构建一个网页基本结构的主要元素，此次会列出大家经常用来搭建结构的基本标签。 div 盒子标签 没有任何的样式 双标签 P 段落标签 默认有上下外边距 双标签 h1~h6 标题标签 字体逐次减小 双标签 默认上下边距 字体加粗 字体变大 h1为主标签 其余为副标签 主标签一个网页只能出现一次 s...
html的文档类型三种,<!DOCTYPE>是干嘛用的？-html文档类型_html/css_WEB-ITnose
weixin_29701553的博客
06-03 442
一、啥是文档类型？在网站开发中一定遇到过这样几种html文档是啥？Web 世界中存在许多不同的文档。只有了解文档的类型，浏览器才能正确地显示文档。HTML 也有多个不同的版本，只有完全明白页面中使用的确切 HTML 版本，浏览器才能完全正确地显示出 HTML 页面。这就是 的用处。不是 HTML 标签。它为浏览器提供一项信息(声明)，即 HTML 是用什么版本编写的。这三种html具有不同的文档...
DOCTYPE 中xhtml 1.0和 html 4.01区别分析
09-25
DOCTYPE是HTML和XHTML文档的声明，用于告诉浏览器文档遵循的规范。在本文中，我们将深入探讨HTML 4.01和XHTML 1.0的主要差异，这对于编写符合标准的网页至关重要。 首先，XHTML 1.0是基于XML语法的HTML版本，因此它...
HTML基本标签大全.docx
05-14
HTML基本标签大全 HTML（HyperText Markup Language）是一种标准的标记语言，用于创建网页。HTML基本标签大全涵盖了 HTML 的基本结构、文本标记、字形标记、字符实体、图片标记、超链接标记、列表标记、表格标记、...
// 修复HTML文档使其符合XML规范： QString TriopticsParser::preprocessHtmlForXml(const QString &amp; html) { QString result = html; // 将所有标签都统一小写，请完善 // 移除&lt;html&gt;标签卡面的申明&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt; int index = result.indexOf("&lt;html&gt;"); result = result.remove(0, index); // 1. 修复字符集声明 result.replace("charset=\n=iso-8859-1", "charset=\"iso-8859-1\""); // 2. 转义URL中的&amp;符号 result.replace(QRegularExpression("href=\"([^\"]*?)(?&lt;!&amp;|&lt;|&gt;|&amp;apos;|")&amp;([^\"]*?)\""), "href=\"\\1&amp;\\2\""); // 3. 修复自闭合标签 QStringList selfClosingTags = { "img", "br", "hr", "meta", "link" }; for (const QString&amp; tag : selfClosingTags) { // 处理有属性的标签 result.replace(QRegularExpression(QString("&lt;%1\\b([^&gt;]*)&gt;").arg(tag), QRegularExpression::CaseInsensitiveOption), QString("&lt;%1\\1/&gt;").arg(tag)); // 处理没有属性的标签 result.replace(QRegularExpression(QString("&lt;%1\\s*&gt;").arg(tag), QRegularExpression::CaseInsensitiveOption), QString("&lt;%1/&gt;").arg(tag)); } // 4. 移除无效的&lt;/link&gt;结束标签 result.replace("&lt;/link&gt;", ""); // 5. 添加XML声明 if (!result.contains("&lt;?xml")) { result.prepend("&lt;?xml version=\"1.0\" encoding=\"ISO-8859-1\"?&gt;\n"); } return result; }
07-06
注意：由于自闭合标签的处理依赖于标签名，我们先将所有标签小写，这样后续处理自闭合标签时就可以使用小写标签名，避免大小写问题。 实现标签小写化： 我们可以使用正则表达式匹配所有标签（如：），然后将标签...
QString result; result.reserve(html.size() + 500); // 增加预分配内存 // 1. 添加XML声明 result.append("&lt;?xml version=\"1.0\" encoding=\"ISO-8859-1\"?&gt;\n"); // 2. 移除DOCTYPE声明 QString normalized = html; QRegularExpression doctypeRegex("&lt;!DOCTYPE[^&gt;]*&gt;"); normalized.replace(doctypeRegex, ""); // 2. 统一处理字符集声明（更健壮的正则表达式） QRegularExpression charsetRegex(R"(charset\s*=\s*["']?([\w\-]+)["']?)", QRegularExpression::CaseInsensitiveOption); normalized.replace(charsetRegex, "charset=\"ISO-8859-1\""); // 3. 全局转义特殊字符（更全面的处理） normalized.replace("&amp;", "&amp;"); // 先转义所有&amp;符号 normalized.replace("&amp;amp;", "&amp;"); // 修复双重转义 normalized.replace("&amp;quot;", """); normalized.replace("&amp;lt;", "&lt;"); normalized.replace("&amp;gt;", "&gt;"); normalized.replace("&amp;apos;", "&amp;apos;"); // 4. 处理所有自闭合标签（扩展列表） QRegularExpression selfClosingTags(R"(&lt;(meta|link|img|br|hr|input|area|base|col|command|embed|keygen|param|source|track|wbr)([^&gt;]*?)\s*/?&gt;)", QRegularExpression::CaseInsensitiveOption); normalized.replace(selfClosingTags, "&lt;\\1\\2/&gt;"); // 5. 标签规范化（更全面的处理） QRegularExpression tagRegex(R"(&lt;(\/?)(\w+)([^&gt;]*)&gt;)", QRegularExpression::CaseInsensitiveOption); int pos = 0; QRegularExpressionMatchIterator it = tagRegex.globalMatch(normalized); while (it.hasNext()) { QRegularExpressionMatch match = it.next(); if (match.capturedStart() &gt; pos) { result.append(normalized.mid(pos, match.capturedStart() - pos)); } QString slash = match.captured(1); QString tag = match.captured(2).toLower(); // 统一转为小写 QString attrs = match.captured(3); // 处理无效闭合标签 if (tag == "link" &amp;&amp; slash == "/") { pos = match.capturedEnd(); continue; } // 属性引号规范化（更健壮的处理） QRegularExpression attrRegex(R"((\w+)\s*=\s*([^"'\s&gt;]+))"); QRegularExpressionMatchIterator attrIt = attrRegex.globalMatch(attrs); QString fixedAttrs = attrs; int attrOffset = 0; while (attrIt.hasNext()) { QRegularExpressionMatch attrMatch = attrIt.next(); QString attrName = attrMatch.captured(1); QString attrValue = attrMatch.captured(2); // 跳过已加引号的属性 if (attrValue.startsWith("\"") || attrValue.startsWith("'")) continue; QString replacement = attrName + "=\"" + attrValue + "\""; fixedAttrs.replace(attrMatch.capturedStart() + attrOffset, attrMatch.capturedLength(), replacement); attrOffset += replacement.length() - attrMatch.capturedLength(); } result.append("&lt;" + slash + tag + fixedAttrs + "&gt;"); pos = match.capturedEnd(); } // 添加剩余内容 if (pos &lt; normalized.size()) { result.append(normalized.mid(pos)); } // 6. 后处理清理 result.replace("°", "°"); // 温度符号修复 result.replace("&lt;/link&gt;", ""); // 移除残余闭合标签 // 7. 确保根元素存在（针对某些HTML文档缺少根元素的情况） if (!result.contains("&lt;html&gt;")) { result = "&lt;html&gt;" + result + "&lt;/html&gt;"; } return result; // 2. 移除DOCTYPE声明 QString normalized = html; QRegularExpression doctypeRegex("&lt;!DOCTYPE[^&gt;]*&gt;"); normalized.replace(doctypeRegex, "");导致最后输出的字符串在第一行和第二行中间有一行空行导致setCont失败
最新发布
08-03
在预处理函数中，我们移除了DOCTYPE声明，但紧接着在结果字符串的开头添加了XML声明。然后，我们处理后的字符串在XML声明和后续内容之间可能包含一个空行（因为原始HTML中DOCTYPE声明后面可能有换行，而我们移除...
引入本地js文件,报错&lt;!DOCTYPE html&gt;&lt;html lang="uk" data-capo=""&gt;&lt;head&gt;&lt;meta charset="utf-8"&gt;
12-31
在处理HTML文档时，确保正确的DOCTYPE声明和合理的`&lt;script&gt;`标签配置对于避免错误至关重要。 #### 正确的DOCTYPE声明 为了使网页能够按照预期的方式呈现，在文档开头应使用恰当的DOCTYPE声明。对于现代Web开发而言...
DOCTYPE作用及用法详解
weixin_33889665的博客
12-16 1081
一、浏览器呈现模式和doctype 有的网页是遵循标准而创作的，但也有很多不是。即使你不能创建遵循标准的网页，也希望浏览器根据标准来正确显示那些页。目前，大量网页充斥着大量非标准代码，它们仍能正常地工作。事实上，为旧版浏览器设计的大多数代码都能在新版浏览器中正确显示（虽然呈现方式可能有所区别）。这是什么原因呢？事实上，假如严格遵循最新标准，会完全破坏那些页的生存基础。对于任何希望有所...
HTML网页 ＜!DOCTYPE＞详解
aaistudy的博客
10-23 1819
//文档类型声明（浏览器并不只支持 HTML，还支持 XML 类型的文档;对 HTML 文件来说，浏览器使用文件开头的 DOCTYPE 来决定使用怪异模式处理或标准模式处理)。
HTML零基础教学（REAL）
MeyrlNotFound的博客
12-12 1379
一种超文本标记语言: HyperText Markup Language常见误区：HTML 不是一种编程语言，而是一种标记语言标记语言是一套标记标签HTML文档的别名web 页面HTML 使用标记标签来描述网页HTML 文档包含了HTML 标签及文本内容。
<!DOCTYPE html PUBLIC……>的组成解释
燃的博客
09-20 1290
DOCTYPE声明必须放在每一个XHTML文档最顶部，在所有代码和标识之上。 eg:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 其中的DTD(例如上例中的xhtml1-transition
!DOCTYPE html>能不能不加啊？ 不加又出错了
wang13342322203的博客
07-26 2804
网页中用了 &lt;!DOCTYPEhtml... 就表示该页面采用了W3C标准，这样做可以增强页面的兼容性，降低对浏览器的依赖性。 不加这一行，就表示页面采用浏览器本身的解析标准，这样会造成页面在不同的浏览器（IE、火狐等）可能出现不同的显示效果。 ...
HTML之DOCTYPE
weixin_43152527的博客
10-07 1019
先看几种doctype 声明类型： &lt;!-- html5 --&gt; &lt;!doctype html&gt; &lt;!-- 严格版本 --&gt; &lt; !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt; &lt;!-- 过渡版本 --&gt; &...
HTML中被忽视的DOCTYPE标签
java的涟漪
02-17 181
定义和用法 &amp;lt;!DOCTYPE&amp;gt; 声明位于文档中的最前面的位置，处于 &amp;lt;html&amp;gt; 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。 该标签可声明三种 DTD 类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档。 以下面这个 &amp;lt;!DOCTYPE&amp;gt; 标签为例： &amp;lt;!DOCTYPE html PUBLIC "...
<!DOCTYPE html>很重要
热门推荐
hejisan的专栏
11-29 1万+
噩梦开始的源头：之前写html或者jsp页面，从来不注意doctype的声明，也不太明白doctype的作用。直到最近碰到了一个非常奇葩的bug：某一个页面在IE7和8，Chrome，ff等下正常，但是在IE9下显示有问题，我就开始找啊找，各种调试，各种log，终于在httpWatch里边找到了答案：DOCTYPE未声明。于是我给页面添加了,果然奏效了。 下面我就尽可能简洁扼要的说一下DOC
DOCTYPE html PUBLIC 指定了 HTML 文档遵循的文档类型定义
09-15 2266
DOCTYPE html PUBLIC 指定了 HTML 文档遵循的文档类型定义 今天看到一篇CSS应用的一个友好搜索,我按网页上的代码复制、粘贴后预览时总达不到效果，而直接拷贝他的实例却能达到效果，开始以为书写顺序不对，于是调整书写顺序，还是不行，最后找到了我认为最没什么用处的第一行才...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

虎眼豆丁

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值