html页面中顶部的DOCTYPE的作用

关注

原创最新推荐文章于 2026-03-03 00:32:23 发布 572 阅读 AI 写同款· GEO 优化 ›

[官方培训]07-UE材质基础孙丹璐 Epic 笔记勾选允许自定义深度写入再在模型上勾选然后可以通过Scene Texture节点拿到渲染的自定义深度信息，有了自定义深度信息就可以与当前渲染的像素深度进行对比，自定义深度信息存放的是最靠近我们的深度，如果当前像素离自定义深度比较远我们就不要这个像素。效果如下这种方案的缺点也很明显，因为这样看不到第二层的透明了，如果是两层的半透明的裙摆，这样就看不到第二层的裙摆了。对于半透明排序问题最根本能解决的还是光线追踪，ue5中又加入了OIT(基于像素的排序)。官方透明材质的理解和应用。阅读详情

我们来看这个！DOCTYPE html
在这里插入图片描述

1，DOCTYPE是啥？有什么作用？

DOCTYPE是document type (文档类型) 的缩写。声明位于文档的最前面，处于标签之前，它不是html标签。它的作用是告诉浏览器的解析器使用哪种HTML规范或者XHTML规范来解析页面。

要建立符合标准的网页，DOCTYPE的声明是必不可少的，因为他要告诉浏览器怎么解析这个网页文件。

2，如果我删除了这个Doctype

首先我们得明白Doctype可声明三种DTD类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档。

然后由于历史的原因，浏览器对页面的渲染方式是不一样的。在W3C标准出来之前，浏览器对页面的渲染没有同一的标准，产生了差异，但在W3C标准出台之后，浏览器对页面的渲染有了同一的标准即（严格模式）。但是为了保证以前就得页面仍然正常显示，有的浏览器就保存了这两种渲染模式（标准兼容模式）。如果你把这个东西删除了，那么就没有这个标准了，页面会渲染成什么样子，就全凭浏览器了，一般来说，不同浏览器渲染出来是不同的。

3.严格模式和混杂模式

严格模式和混杂模式都是浏览器的呈现模式，浏览器究竟使用混杂模式还是严格模式呈现页面与网页中的DTD（文件类型定义）有关，DTD里面包含了文档的规则。比如：loose.dtd

严格模式：又称标准模式，是指浏览器按照W3C标准来解析代码，呈现页面

混杂模式：又称为怪异模式或者兼容模式，是指浏览器按照自己的方式来解析代码，使用一种比较宽松的向后兼容的方式来显示页面。

4，常见的模式写法

HTML5

<!DOCTYPE html>

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">

XHTML 1.0 Strict
该 DTD 包含所有 HTML 元素和属性，但不包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。必须以格式正确的 XML 来编写标记。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

XHTML 1.0 Transitional
该 DTD 包含所有 HTML 元素和属性，包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。必须以格式正确的 XML 来编写标记。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

XHTML 1.0 Frameset
该 DTD 等同于 XHTML 1.0 Transitional，但允许框架集内容。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

XHTML 1.1
该 DTD 等同于 XHTML 1.0 Strict，但允许添加模型（例如提供对东亚语系的 ruby 支持）。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

标签

#html #前端

YOLOv8损失函数升级：从CIoU到Wise-IoU v3的实战调优与避坑指南本文详细介绍了如何将YOLOv8的损失函数从CIoU升级到Wise-IoU v3，以提升目标检测性能，特别是在小目标检测和样本不均衡场景下的表现。通过实战调优步骤和避坑指南，帮助开发者有效应用Wise-IoU v3的动态聚焦机制和单调性控制，显著提升模型精度和训练稳定性。阅读详情