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

　　Doctype可声明三种DTD类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档。

　　以下主要介绍超文本标记语言以及可扩展超文本标记语言两种集合

　　（一）超文本标记语言

　　超文本严格文档类型定义：
　　如果需要干净的标记，免于表现层的混乱，则使用此类型。请与层叠样式表配合使用：
　　（公共标识符称为：“-//W3C//DTD HTML 4.01//en”。）

　<!DOCTYPE HTML

　　PUBLIC "-//W3C//DTD HTML 4.01//en"

　　"http://www.w3. org/TR/html4/strict.dtd">
　　超文本过渡文档类型定义：
　　可包含万维网联盟所期望移入样式表的呈现属性和元素。如果读者使用了不支持层叠样式表的浏览器以至于不得不使用超文本标记语言的呈现特性时，则使用此类型：
（公共标识符称为：“-//W3C//DTD HTML 4.01 Transitional//en”。）
<!DOCTYPE HTML

PUBLIC "-//W3C//DTD HTML 4.01 Transitional//en"

"http://www.w3. org/TR/html4/loose.dtd">
　　超文本框架集文档类型定义：
　　框架集文档类型定义应当被用于带有框架的文档。除 frameset 元素取代了 body 元素之外，等同于过渡文档类型定义：
　　（公共标识符称为：“-//W3C//DTD HTML 4.01 Frameset//en”。）
<!DOCTYPE HTML

PUBLIC "-//W3C//DTD HTML 4.01 Frameset//en"

"http://www.w3. org/TR/html4/frameset.dtd">

　　（二）可扩展超文本标记语言

　　可扩展超文本标记语言严格文档类型定义：
　　（公共标识符称为：“-//W3C//DTD XHTML 1.0 Strict//en”。）

<!DOCTYPE html

PUBLIC "-//W3C//DTD XHTML 1.0 Strict//en"

"http://www.w3. org/TR/xhtml1/DTD/xhtml1-strict.dtd">
　　可扩展超文本标记语言过渡文档类型定义：
　　可包含 W3C 所期望移入样式表的呈现属性和元素。如果您的读者使用了不支持层叠样式表（CSS）的浏览器以至于您不得不使用 XHTML 的呈现　　特性时，请使用此类型：
　　（公共标识符称为：“-//W3C//DTD XHTML 1.0 Transitional//en”。）
<!DOCTYPE html

PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//en"

"http://www.w3. org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

　　

　　可扩展超文本标记语言框架集文档类型定义：
　　当您希望使用框架时，请使用此文档类型定义！
　　（公共标识符称为：“-//W3C//DTD XHTML 1.0 Frameset//en”。）
<!DOCTYPE html

PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//en"

"http://www.w3. org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

当浏览器厂商开始创建与标准兼容的浏览器时，他们希望确保向后兼容性。为了实现这一点，他们创建了两种呈现模式：标准模式和混杂模式

　　>>在标准模式中，浏览器以其支持的最高标准呈现页面。

　　>>在混杂模式中，页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老式浏览器的行为以防止老站点无法工作。

　　关于模式触发
　　浏览器根据DOCTYPE是否存在以及使用的哪种DTD来选择要使用的呈现方法。

　　如果XHTML、HTML 4.01文档包含形式完整的DOCTYPE，那么它一般以标准模式呈现。

　　包含过渡DTD和URI的DOCTYPE也导致页面以标准模式呈现，但是有过渡DTD而没有URI会导致页面以混杂模式呈现。

　　DOCTYPE不存在或形式不正确会导致HTML和XHTML文档以混杂模式呈现。

　　html5既然没有DTD，也就没有严格模式与宽松模式的区别，html5有相对宽松的语法，实现时，已经尽可能大的实现了向后兼容。

 

HTML：关于HTML的Doctype和严格模式与混杂模式的更多相关文章

  1. Doctype 严格模式与混杂模式-如何触发这两种模式,区分它们有何意义?

    Doctype:(Document Type)文档类型,它位于文档中最前面的位置,处于标签之前.如果你想制作符合标准的页面,一个必不可少的关键组成部分就是DOCTYPE的声明.确定了正确的Doctyp ...

  2. 浅谈!DOCTYPE声明的作用？严格模式与混杂模式的区别？

    !DOCTYPE的作用: DOCTYPE是Document Type(文档类型)的缩写,<!DOCTYPE>声明必须是html文档的第一行,位于<html>标签之前.<! ...

  3. 关于Doctype、严格模式与混杂模式

    <!Doctype> 文档声明,位于文档中的最前面的位置,处于<html>标签之前.此标签告知浏览器文档使用哪种HTML或XHTML规范. 用于告知浏览器以何种模式来渲染文档. ...

  4. 文档声明（Doctype）和<!Doctype html>有何作用? 严格模式与混杂模式如何区分？它们有何意义?

    文档声明的作用: 文档声明是为了告诉浏览器,当前HTML文档使用什么版本的HTML来写的,这样浏览器才能按照声明的版本来正确的解析. <!doctype html> 的作用就是让浏览器进入 ...

  5. web基础（四）严格模式与混杂模式

    web基础(四)严格模式与混杂模式 一.介绍 DOCTYPE 标签是一种标准通用标记语言的文档类型声明,它的目的是要告诉标准通用标记语言解析器,它应该使用什么样的文档类型定义(DTD)来解析文档.DO ...

  6. Doctype作用？严格模式与混杂模式如何区分？它们有何意义？

    怪异模式和严格模式(译注:一般称为标准模式:Standards Mode,下文中的严格模式都可以理解为标准模式)是浏览器解析CSS时的两种‘模式’.这篇文章将简单阐述这两种模式之间的差异. 译注:一个 ...

  7. DOCTYPE声明的作用是什么？严格模式与混杂模式如何区分？

    HTML语言已经存在太久了,目前必然会有一些不同版本的文档存在,为了能够让浏览器清楚你的文档的版本类型和风格,需要在文档的起始用DOCTYPE声明制定当前文档的版本和风格.如果在网页中提供了版本信息, ...

  8. Doctype 文档类型，标准模式，混杂模式

    HTML4.01和XHTML1.0 基于 SGML,支持DTD声明,HTML5不是,但是需要 doctype 来规范浏览器的行为. 标准模式是指,DTD声明定义了标准文档的类型后,浏览器按W3C标准解 ...

  9. DOCTYPE与浏览器模式详解（标准模式&混杂模式）

    关于渲染模式: 在多年以前(IE6诞生以前),各浏览器都处于各自比较封闭的发展中(基本没有兼容性可谈).随着WEB的发展,兼容性问题的解决越来 越显得迫切,随即,各浏览器厂商发布了按照标准模式(遵循各 ...

随机推荐

  1. 计算均值mean的MapReduce程序Computing mean with MapReduce

    In this post we'll see how to compute the mean of the max temperatures of every month for the city o ...

  2. @Logback简介

    Ceki Gülcü在Java日志领域世界知名.他创造了Log4J,这个最早的Java日志框架即便在JRE内置日志功能的竞争下仍然非常流行.随后他又着手实现SLF4J这个"简单的日志前端接口 ...

  3. 上传文件multipart form-data boundary 说明

    含义 ENCTYPE="multipart/form-data" 说明: 通过 http 协议上传文件 rfc1867协议概述,客户端发送内容构造. 概述              ...

  4. NGUI诡异的drawCall

    看了很多关于NGUI drawCall的文章,见得比较多的一个观点是:一个 Atlas 对应一个Drawcall. 好奇心下做了个demo,两个panel中只用到一个Atlas,却产生了10个draw ...

  5. 微博推荐算法学习(Weibo Recommend Algolrithm)

    原文:http://hijiangtao.github.io/2014/10/06/WeiboRecommendAlgorithm/ 基础及关联算法 作用:为微博推荐挖掘必要的基础资源.解决推荐时的通 ...

  6. [Android系列—] 2. Android 项目文件夹结构与用户界面的创建

    前言 在 [Android系列-] 1. Android 开发环境搭建与Hello World 这一篇中介绍了怎样高速搭建Android开发环境, 并成功了建立一个没有不论什么代码更改的 Androi ...

  7. [Javascript] Function Expression Ex, Changing Declarations to Expressions

    Inside the Haunted Hickory House file, developers for the Forest of Function Expressions Theme Park ...

  8. Sticker.js生成图片或者页面元素“速干贴”效果

    ​在线演示 本地下载 真实的效果,真的非常好玩!

  9. ASP.NET伪静态

    http://www.duote.com/tech/5/14543.html 三.伪静态的坏处 当然犹如一篇文章的作者所说的:"如果流量稍大一些使用伪静态就出现CPU使用超负荷,我的同时在线 ...

  10. HTML5 坦克大战

    代码 点击打开链接