<!DOCTYPE>的作用

每次写html的时候,第一句总是要写

<!DOCTYPE html>

从来没有想过这句有什么作用。直到今天看公开课的时候,老师说这个很重要,并用IE演示了一下不加这句的后果——会产生页面格式错误。所以就查了下关于<!DOCTYPE>的作用。

DOCTYPE标签是一种标准通用标记语言的文档类型声明,它的目的是要告诉web浏览器,应该使用什么样的文档类型定义(DTD)来解析文档。

在 HTML 4.01 中有三种 <!DOCTYPE> 声明:

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

在 HTML5 中只有一种:

<!DOCTYPE html>

定义和用法

<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前,它没有结束标签。

<!DOCTYPE> 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

在 HTML 4.01 中,<!DOCTYPE> 声明引用 DTD,因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则,这样浏览器才能正确地呈现内容。

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

提示:请始终向 HTML 文档添加 <!DOCTYPE> 声明,这样浏览器才能获知文档类型。

所以,在以后写html文档中,首先要在第一行写

<!DOCTYPE html>

来规定浏览器对文档格式的解析。

时间: 2024-10-15 14:17:23

<!DOCTYPE>的作用的相关文章

DOCTYPE声明作用及用法详解

一.浏览器呈现模式和doctype 有的网页是遵循标准而创作的,但也有很多不是.即使你不能创建遵循标准的网页,也希望浏览器根据标准来正确显示那些页.目前,大量网页充斥着大量非标准代码,它们仍能正常地工作.事实上,为旧版浏览器设计的大多数代码都能在新版浏览器中正确显示(虽然呈现方式可能有所区别).这是什么原因呢?事实上,假如严格遵循最新标准,会完全破坏那些页的生存基础.对于任何希望有所作为的浏览器来说,这当然是令人无法接受的. 浏览器呈现模式 现代浏览器包括不同的呈现模式,目的是既支持遵循标准的网

&lt;!DOCTYPE html&gt;作用

document.compatMode属性 document.compatMode用来判断当前浏览器采用的渲染方式. 官方解释: BackCompat:标准兼容模式关闭.CSS1Compat:标准兼容模式开启. <!DOCTYPE html>标签 由于历史的原因,各个浏览器在对页面的渲染上存在差异,甚至同一浏览器在不同版本中,对页面的渲染也不同.在W3C标准出台以前,浏览器在对页面的渲染上没有统一规范,产生了差异(Quirks mode或者称为Compatibility Mode):由于W3C

Doctype的作用以及严格模式和混杂模式的区别

<!DOCTYPE>声明位于位于HTML文档中的第一行,处于 <html> 标签之前.告知浏览器的解析器用什么文档标准解析这个文档.DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现.标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行.在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作.HTML5 为什么只需要写 <!DOCTYPE HTML>?HTML5 不基于 SGML,因此不需要对DTD进行引用,但是需要docty

Doctype的作用?严格模式和混杂模式的区分,以及如何触发着2中模式?

---恢复内容开始--- <!Doctype>声明位于文档的最前面,处于<html>标签之前,告知浏览器使用哪种文档类型来规范这个文档. DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现. 严格模式就是浏览器根据web标准去解析页面,是一种要求严格的DTD,不允许使用任何表现层的语法. 混杂模式就是一种向后兼容的解析方法. 触发标准模式或者说严格模式很简单,就是HTML前申明正确的DTD,触发混杂模式可以在html文档开始不声明DTD,或者在DOCTYPE前加入XML声明.

HTML&lt;!DOCTYPE&gt; 声明的作用

在html页面中,下面这行代码究竟有何用呢? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 在一次页面重构过程中,看到静态页的第一行有这么一段代码,其后紧跟一大片空白,在删除空白的时候不小心删掉了这行代码,然后.... 原来显示正常的页面,瞬间凌乱了,字体样式

2016-9-8 关 于&lt;!DOCTYPE HTML&gt;

<!DOCTYPE HTML> 作用: 声明文档解析的类型(document.compatMode),避免浏览器的怪异现象. 避免页面在不同浏览器出现样式bug,浏览器兼容的问题. 页面渲染的两种方式(document.compatMode): 怪异模式(BackCompat): 浏览器使用自己的怪异模式来渲染页面 (默认的) 标准模式(CSS1Compat):浏览器使用W3C的模式来渲染页面 如果我们不用<!DOCTYPE HTML>来做声明的话,页面默认使用的是怪异模式(Bac

web文档类型DOCTYPE html很重要

之前写html或者jsp页面,从来不注意DOCTYPE 的声明,也不太明白DOCTYPE 的作用.直到最近碰到了一个非常奇葩的bug:某一个页面在IE7和8,Chrome,ff等下正常,但是在IE9下显示有问题,我就开始找啊找,各种调试,终于在httpWatch里边找到了答案:DOCTYPE未声明.于是我给页面添加了<!DOCTYPE html>,果然奏效了. 下面我就尽可能简洁扼要的说一下DOCTYPE的作用和用法. 1作用:声明文档的解析类型(document.compatMode),避免

HTML5标准学习 – DOCTYPE

所谓DOCTYPE,最初是XML的概念,即通过一种特定的语法,作为一种元数据,来描述XML文档中允许出现的元素,以及各元素的组成.嵌套规则等.具体的概念可以在WIKI中中得到一个更详细的结果. 但是在HTML中,DOCTYPE又有着一些不同的效果,其中之一就是著名的触发浏览器标准模式的功能.即如果没有DOCTYPE,浏览器会进入一种被称为Quirks模式的怪异状态,在该模式下,浏览器的盒模型.样式解析.布局等都与标准规定的存在差异. 需要注意的是,所谓的HTML标准.DOM标准等,只规定了在标准

有关doctype!!!

浏览器呈现模式 现代浏览器包括不同的呈现模式,目的是既支持遵循标准的网页,也支持为老式浏览器而设计的网页.其中, Standards (标准)模式(也就是严格呈现模式)用于呈现遵循最新标准的网页,而 Quirks (包容)模式(也就是松散呈现模式或者兼容模式)用于呈现为传统浏览器而设计的网页.另外,注意Mozilla/Netscape 6新增了一种 Almost Standards (近似标准)模式,用于支持为标准的某个老版本而设计的网页. 什么是 doctype切换?       放在网页顶部