美文网首页
Doctype作用?DTD是啥?标准模式与兼容模式各有什么区别-

Doctype作用?DTD是啥?标准模式与兼容模式各有什么区别-

作者: 温柔你要送嘻嘻 | 来源:发表于2017-11-24 11:26 被阅读119次

    参考链接

    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 的严格型

    1

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

    //html5

    1

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

    7. 标准模式与兼容模式各有什么区别?

    由于历史的原因,各个浏览器在对页面的渲染上存在差异,甚至同一浏览器在不同版本中,对页面的渲染也不同。在W3C标准出台以前,浏览器在对页面的渲染上没有统一规范,产生了差异(Quirks mode或者称为Compatibility Mode);由于W3C标准的推出,浏览器渲染页面有了统一的标准(CSScompat或称为Strict mode也有叫做Standars mode),这就是二者最简单的区别。

    W3C标准推出以后,浏览器都开始采纳新标准,但存在一个问题就是如何保证旧的网页还能继续浏览,在标准出来以前,很多页面都是根据旧的渲染方法编写的,如果用的标准来渲染,将导致页面显示异常。为保持浏览器渲染的兼容性,使以前的页面能够正常浏览,浏览器都保留了旧的渲染方法(如:微软的IE)。这样浏览器渲染上就产生了Quircks mode和Standars mode,两种渲染方法共存在一个浏览器上。

    那么浏览器究竟该采用哪种模式渲染呢?这就引出的DTD,既是网页的头部声明,浏览器会通过识别DTD而采用相对应的渲染模式:

    1. 浏览器要使老旧的网页正常工作,但这部分网页是没有doctype声明的,所以浏览器对没有doctype声明的网页采用quirks mode解析。

    2. 对于拥有doctype声明的网页,什么浏览器采用何种模式解析,这里有一张详细列表可参考:http://hsivonen.iki.fi/doctype/

    3. 对于拥有doctype声明的网页,这里有几条简单的规则可用于判断:对于那些浏览器不能识别的doctype声明,浏览器采用strict mode解析

    4. 在doctype声明中,没有使用DTD声明或者使用HTML4以下(不包括HTML4)的DTD声明时,基本所有的浏览器都是使用quirks mode呈现,其他的则使用strict mode解析。

    5. 可以这么说,在现有有doctype声明的网页,绝大多数是采用strict mode进行解析的。

    总结:

    1.Doctype作用

    声明位于位于HTML文档中的第一行,处于 标签之前。

    告知浏览器的解析器用什么文档标准解析这个文档。

    DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。

    2. DTD是啥?

    DTD(文档类型定义)可以定义合法的XML文档结构,它使用一系列合法元素来定义文档的结构。

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

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

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

    相关文章

      网友评论

          本文标题:Doctype作用?DTD是啥?标准模式与兼容模式各有什么区别-

          本文链接:https://www.haomeiwen.com/subject/gavxbxtx.html