DOCTYPE 的作用是什么?

简介: DOCTYPE 的作用是什么?

1. Doctype定义

这个标签是一种通用标记语言的文档类型声明,它主要就是告诉标准通用标记语言解析器应该使用什么样的文档类型定义 Document Type Definition(DTD)来解析文档。

2.Doctype作用

Doctype的作用就是声明文档的解析类型(document.compatMode),也就是告知浏览器的解析器用什么文档标准解析这个文档。如果DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。

3. 关于文档类型定义DTD,什么是DTD?

DTD是为新标记建立文档并进行规范说明。

自描述数据的规范。通俗的来说,DTD就是一套关于标记符的语法规则,是html的验证机制。

4. DTD的作用

DTD定义了文档中的元素(标记和属性)和实体,以及相互关系。数据和结构分离。

通过DTD验证XML文档的有效性。DTD为解析器提供了解析XML文档的依据。

所以每个XML文档必须指定对于哪个DTD有效。

5. DTD的分类

Strict如果您需要干净的标记,免于表现层的混乱,请使用此类型。请与层叠样式表(CSS)配合使用。

Transitional DTD 可包含 W3C 所期望移入样式表的呈现属性和元素。

如果您的读者使用了不支持层叠样式表(CSS)的浏览器以至于您不得不使用 HTML 的呈现特性时使用。

Frameset DTD 应当被用于带有框架的文档。除 frameset 元素取代了 body 元素之外,Frameset DTD 等同于 Transitional DTD。

6.举个栗子

//用于XHTML 4.0 的严格型

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

你不禁会想HTML5的声明什么都没有,浏览器也能解析呢?

//html5

<!DOCTYPE html>
  • 1
  • 1

 Html5不基于 SGML,因此不需要对DTD进行引用;但是需要doctype来规范浏览器的行为(让浏览器按照它们应该的方式来运行)。 而HTML4.01基于SGML,所以需要对DTD进行引用,才能告知浏览器文档所使用的文档类型。

3. 标准模式与兼容模式的区别

标准模式的排版 和js运作模式都是以该浏览器支持的最高标准运行。

在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。

相关文章
|
机器学习/深度学习 算法 API
Kaggle
Kaggle 是一个在线数据科学竞赛平台,旨在为数据科学家和机器学习工程师提供一个学习和实践的社区。在 Kaggle 上,用户可以参加各种数据科学竞赛,通过解决实际问题来提高自己的技能。Kaggle 提供了丰富的数据集和工具,支持多种编程语言,如 Python、R 和 Julia 等。
1427 3
|
12月前
|
存储 安全 对象存储
10 天挑战不可能! 30TB 跨大洲云主机迁移!
客户将巴西至非洲超7000公里跨洲36台Windows虚拟机(30TB数据)迁移至南非云节点,面临网络延迟、传输慢、停机窗口短等挑战。通过HyperMotion技术实现增量同步与并发传输,结合对象存储优化,10天内完成全量及多次增量同步,停机窗口最短仅2小时,项目周期从预估6个月压缩至10天,成本不足专线方案10%,保障业务零中断,为全球跨区域迁移提供创新范本。
549 2
|
机器学习/深度学习 Web App开发 数据可视化
过节福利 | MMCV Hook 超全使用方法(下)
在训练过程中,通常有十个关键位点,如下图所示,从训练开始到结束,所有关键位点已用红色标出,共有 10 个。我们可以在这十个位点插入各种逻辑,例如加载模型权重、保存模型权重。而我们将同一类型的逻辑组织成一个 Hook。因此,MMCV 中 Hook 的作用就是训练和验证模型时,在不改变其他代码的前提下,灵活地在不同位点插入定制化的逻辑。
2811 0
过节福利 | MMCV Hook 超全使用方法(下)
|
前端开发 测试技术 API
国产 API 管理工具大比拼:Apifox 能否挑战 Postman?
在软件开发中,API 测试与管理工具至关重要。Postman 虽广受欢迎,但在国内常面临下载慢、注册难、功能收费等问题。Apifox 作为国产优秀替代工具,凭借简洁的界面、多功能集成、本地化服务等优势,逐渐成为开发团队的新选择。它支持接口设计、文档生成、Mock 服务、自动化测试等功能,提升团队协作效率,降低使用门槛,助力国内开发者实现高效开发与持续集成。
|
数据采集 存储 NoSQL
Python爬虫案例:Scrapy+XPath解析当当网网页结构
Python爬虫案例:Scrapy+XPath解析当当网网页结构
|
人工智能 城市大脑 分布式计算
课时7:阿里云ET:人工智能可以是这样的
阿里云ET是阿里巴巴集团研发的超级人工智能,具备智能语音交互、图像视频识别、交通预测、情感分析等技能。作为杭州城市大脑的核心,ET依托强大的计算能力,在城市治理、工业制造、健康医疗等领域广泛应用,成为人类可靠的助手。其卓越的感知与思考能力,使ET在复杂局面下迅速做出最优决策。
722 0
|
监控
在进行多路直播时,如何保证不同视频源之间的同步性?
【10月更文挑战第7天】在进行多路直播时,如何保证不同视频源之间的同步性?
706 1
|
Windows
ngrok 将内网地址转成外网地址,内网穿透
本文介绍了如何使用ngrok工具将内网地址转换成外网地址,实现内网穿透,以便其他人可以访问本地服务。
540 0
ngrok 将内网地址转成外网地址,内网穿透
|
缓存 移动开发 JavaScript
阿里云OSS设置跨域访问
阿里云OSS设置跨域访问
20241 1
|
Web App开发 监控 机器人
语雀质量体系与自动化
语雀质量体系与自动化
801 0