DOCTYPE 的作用是什么?

本文涉及的产品
云解析 DNS,旗舰版 1个月
全局流量管理 GTM,标准版 1个月
公共DNS(含HTTPDNS解析),每月1000万次HTTP解析
简介: 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运作模式都是以该浏览器支持的最高标准运行。

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

相关文章
|
5月前
|
前端开发 搜索推荐
【HTML专栏3】!DOCTYPE、lang、字符集的作用
【HTML专栏3】!DOCTYPE、lang、字符集的作用
49 0
|
5月前
|
小程序 JavaScript 开发工具
wxml和html的异同?
wxml和html的异同?
|
前端开发
详解HTML的盒模型以及HTML相关知识点
详解HTML的盒模型以及HTML相关知识点
70 0
|
存储 移动开发 前端开发
2023 最新前端面试题 (HTML 篇)
2023 最新前端面试题 (HTML 篇)
88 0
|
前端开发 数据安全/隐私保护
HTML内容部分知识点
HTML内容部分知识点
|
5月前
|
存储 缓存 前端开发
html代码优化
【4月更文挑战第25天】html代码优化
30 4
|
5月前
|
SQL 移动开发 前端开发
HTML知识点
HTML知识点
|
存储 移动开发 前端开发
2023年前端html面试题
2023年前端html面试题
|
5月前
|
移动开发 前端开发 JavaScript
HTML5知识点总结
HTML5知识点总结
|
移动开发 HTML5
<!DOCTYPE> 的作用
<!DOCTYPE> 的作用