Doctype 的作用

1、W3C定义：

<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。<!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

2、特点：

如果在html文件中没有<!DOCTYPE>声明，不同的浏览器会以不同的模式解析渲染页面，呈现出来的效果也就不一样，称为“怪异模式”。但是如果声明了，浏览器将会开启“严格模式”，所有浏览器按照统一的html规范或者xhtml规范进行解析和渲染，称为“标准模式”。不同文档模式主要影响CSS内容的呈现，尤其是浏览器对盒模型的解析。

<!DOCTYPE>前面不能有其他内容，也就是必须位于文档的最前面。如果前面有其他内容声明会失效（空格不影响）。

3、html5

HTML5 不基于 SGML，所以不需要引用 DTD。

在HTML5中是可以不区分大小写的。写法：<!DOCTYPE html>或者<!doctype html>

4、html4、xhtml

HTML 4.01 基于 SGML，所以要引入DTD，DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。

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

html4.0.1 transitional：该 DTD 包含所有 HTML 元素和属性，包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

html4.0.1 frameset：该 DTD 包含所有 HTML 元素和属性，包括展示性的和弃用的元素（比如 font）。允许框架集（Framesets）。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">

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

xhtml1.0 transitionnal：该 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">

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

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

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

Doctype 的作用相关推荐

DOCTYPE声明作用及用法详解
一.浏览器呈现模式和doctype 有的网页是遵循标准而创作的,但也有很多不是.即使你不能创建遵循标准的网页,也希望浏览器根据标准来正确显示那些页.目前,大量网页充斥着大量非标准代码,它们仍能正常地工 ...
HTML 文件里开头 Doctype 的作用是什么？
HTML 文件里开头 Doctype 的作用 : (1) 声明位于文档中的最前面的位置,处于标签之前. (2) 此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范. 重点:告诉浏览器 ...
doctype的作用，标准模式和兼容模式的区别
doctype的作用: DOCTYPE是document type (文档类型) 的缩写. 声明位于文档的最前面,处于标签之前,它不是html标签. 主要的作用是告诉浏览器的解析器使用哪种HTML规范 ...
深入理解DOCTYPE的作用
现在的代码编辑器越来越人性化,各种插件.快捷键都能够帮助我们快速生成代码.比如:使用vscode编辑器在html文档中输入!再按tab键就能快速生成一个完整的html结构.如图所示今天我们要说的不是 ...
doctype html的作用是什么,DOCTYPE的作用
DOCTYPE html 当查看网页源代码时,经常都能见到在顶部有一条很长的代码,这条代码就是用于对网页的声明,DOCTYPE的声明是网页形成的一个关键部分,现在就来详细的了解一下它的用途及声明的类型 ...
Doctype的作用是什么？
Doctype的作用是什么? doctype 是html5标准网页声明,且必须声明在html文档的第一行.来告知浏览器的解析器用什么文档标准解析这个文档,不同的渲染模式会影响浏览器对于 CSS代码甚至 ...
DOCTYPE的作用和用法
DOCTYPE的作用和用法 <!DOCTYPE> 声明帮助浏览器正确地显示网页提示:请始终向 HTML 文档添加 <!DOCTYPE> 声明,这样浏览器才能获知文档类型. 1 ...
html中的doctype有什么作用,html中doctype的作用是什么？
html中doctype的作用是什么?doctype是简写,全拼是document type,它的作用是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令,简单理解就是一个声明的作用. ...
DOCTYPE 的作用是什么
我们写页面的时候经常会看到: <!DOCTYPE html> 在h5之前是这样的: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 ...
html中的doctype有什么作用,HTML中doctype的作用及几种类型详解
一.DOCTYPE标签的定义与作用是一个用于声明当前HTMl版本,用来告知web浏览器该文档使用是哪种 HTML 或者 XHTML 规范来解析页面,以便浏览器更加准确的理解页面内容,更加良好地展现内 ...

Doctype 的作用

Doctype 的作用相关推荐

最新文章

热门文章