DOCTYPE 的作用是什么?

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

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

相关文章
|
7月前
|
前端开发 搜索推荐
【HTML专栏3】!DOCTYPE、lang、字符集的作用
【HTML专栏3】!DOCTYPE、lang、字符集的作用
61 0
|
3月前
<!doctype html>放在页面最前面的用途
<!doctype html>放在页面最前面的用途
|
7月前
|
前端开发 JavaScript CDN
HTML代码约定
HTML代码约定
50 0
|
3月前
|
流计算 开发者 SEO
常用标签调用代码
这段内容介绍了DedeCMS内容管理系统中常用的标签调用代码,涵盖网站标题、描述、导航、文章列表及详情、SEO优化等多个方面。通过这些标签,用户可以轻松实现如网站首页标题和描述的调用、文章标题与内容展示、栏目导航生成、分页功能实现等功能,帮助网站开发者快速构建和管理网站内容。
53 0
|
6月前
|
移动开发 HTML5
html5为什么只需要写<!doctype html>? 一共有多少种Doctype文档类型?
html5为什么只需要写<!doctype html>? 一共有多少种Doctype文档类型?
98 0
|
7月前
|
移动开发 开发者 HTML5
html声明方法
【4月更文挑战第18天】html声明方法
57 1
|
移动开发 HTML5
<!DOCTYPE> 的作用
<!DOCTYPE> 的作用
|
7月前
|
前端开发 JavaScript
html原理
html原理
148 2
|
移动开发 前端开发 开发者
在HTML5中DOCTYPE的作用是什么?标准与兼容模式(混杂模式)各有什么区别?
在HTML5中DOCTYPE的作用是什么?标准与兼容模式(混杂模式)各有什么区别?
136 0
|
移动开发 搜索推荐 JavaScript
HTML5的介绍和基本框架
HTML5的介绍和基本框架