昨天看代码的时候，发现在<!doctype>中添加了新的属性，以前写代码的时候并不会在该声明里添加新的属性。昨天看到了，就把它记下来学习一下，顺便整理成文档。以便日后复习。

　　　<!DOCTYPE >定义与用法

         1、所有的浏览器都支持<!doctype>声明；

　　　2、<!doctype>不是HTML标签。它是为浏览器提供一项信息（声明），即HTML用什么版本编写的　

　　　3、在HTML 4.01中<!doctype>声明DTD，因为HTML 4.01基于SMGL。DTD规定了标记语言规则，这样浏览器才能正确的呈现内容。HTML5不基于SGML，所以不需要引用DTD。　　　

　　　4、这个标签可声明三种 DTD 类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档。public 这行声明了文档的根元素是 html，它在公共标识符被定义为 "-//W3C//DTD XHTML 1.0 Strict//EN" 的 DTD 中进行了定义。浏览器将明白如何寻找匹配此公共标识符的 DTD。如果找不到，浏览器将使用公共标识符后面的URL 作为寻找 DTD 的位置。　

　　　常见的 DOCTYPE 声明

　　　　　HTML 5

                   <!doctype html>

　　　　　HTML 4.01 Strict  --该DTD包含所有HTML元素和属性，但不包括展示性和弃用的元素（eg：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 元素和属性，包含展示性的和弃用的元素(eg:font),不允许框架集（Framesets）

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

　　HTML4.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>　　

　　　　　XHTML 1.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>

　　　　　XHTML 1.0 Transitional ---- 该DTD包含所有HTML 元素和属性，包含展示性和弃用的元素。不允许框架集（Framesets），必须以格式正确的XML编写标记

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

　　　　　XHTML 1.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 > 的作用

           1、 声明文档解析类型，避免浏览器的怪异模式

　　document.compatMode:

　　　　　　　　　　　BackCompat:怪异模式，浏览器以自己的怪异模式解析渲染页面

　　　　　　　　　　　Css1Compat:标准模式，浏览器使用W3C的标准解析渲染页面

　　　　　　　　　　

　　

　　　

HTML <!doctype>声明的更多相关文章

  1. DOCTYPE声明作用及用法详解

    一.浏览器呈现模式和doctype 有的网页是遵循标准而创作的,但也有很多不是.即使你不能创建遵循标准的网页,也希望浏览器根据标准来正确显示那些页.目前,大量网页充斥着大量非标准代码,它们仍能正常地工 ...

  2. 常见HTML的!DOCTYPE声明

    HTML或者XHTML版本 !DOCTYPE声明 HTML 2.0 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> HTM ...

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

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

  4. 常用的 DOCTYPE 声明

    常用的 DOCTYPE 声明 HTML 5 <!DOCTYPE html> HTML 4.01 Strict 该 DTD 包含所有 HTML 元素和属性,但不包括展示性的和弃用的元素(比如 ...

  5. doctype声明、浏览器的标准、怪异等模式

    doctype 标准(严格)模式(Standards Mode).怪异(混杂)模式(Quirks Mode),如何触发,区分他们有何意义? 触发标准模式 1.加DOCTYPE声明,比如:<!DO ...

  6. DOCTYPE声明的几种类型

    DOCTYPE声明的几种类型 DOCTYPE 声明决定着浏览器怎么去解析和渲染当前页面,所以对于页面来说是很重要的. HTML5时代,统一用 <!DOCTYPE html> 这样简单的方式 ...

  7. <!DOCTYPE> 声明 引发的错误

    <!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前. 在写模板的时候,因为最近开始给每个文件添加注释,无意中将注释写在文件的第一行.导致页面 ...

  8. html<!DOCTYPE>声明标签

    html<!DOCTYPE>声明标签 <DOCTYPE>声明是html文档的第一行,位于<html>标签之前 <DOCTYPE>声明不是html标签,他 ...

  9. 说说html 的<!DOCTYPE>声明&标准模式与兼容模式

    我们都知道<!DOCTYPE>声明位于文档的最前面,处于<html>标签之前. <!DOCTYPE>声明不是html标签,它的作用:告知web浏览界面应该使用哪个h ...

  10. !DOCTYPE 声明

    !DOCTYPE 声明的作用: <!DOCTYPE html> 当使用 position 属性进行对齐时,请始终包含 !DOCTYPE 声明!如果省略,则会在 IE 浏览器中产生奇怪的结果 ...

随机推荐

  1. turbolink 造成 link_to异常

    link_to  点击之后不刷新不加载文件 send_file 只能在浏览器中打开,而不能下载 解决方法:注释gem turbolink,application.js 中移除turbolink

  2. ruby 精选网站

    ruby 基础   http://www.yiibai.com/ruby/2013/0820174.html     http://www.rubydoc.info/github       http ...

  3. WINFROM中自定义控件之绑定数据即时更新

    相信在WINFROM中写自定义控件或者用户控件,很多人都多多少少用过点 最近发现一个用户控件,绑定的数据源没办法自动更新,其实以前处理过这类的问题,可是这次遇到又花了1个多小时,所以决定记下来 在用户 ...

  4. POJ 2063 Investment （完全背包）

    A - Investment Time Limit:1000MS     Memory Limit:30000KB     64bit IO Format:%I64d & %I64u Subm ...

  5. OpenGL几何变换---翻译http://www.songho.ca/opengl/gl_projectionmatrix.html

    Overview 几何数据——顶点位置,和法向量(normal vectors),在OpenGL 管道raterization 处理过程之前可通过顶点运算(Vertex Operation)和基本组合 ...

  6. BZOJ 1600 [Usaco2008 Oct]建造栅栏：dp【前缀和优化】

    题目链接:http://www.lydsy.com/JudgeOnline/problem.php?id=1600 题意: 给你一个长度为n的木板,让你把这个木板切割成四段(长度为整数),并且要求这四 ...

  7. openfire调试环境

    导入工程: File->New->project: 选择“Java project from existing ant buildfile” 再从菜单windows->show vi ...

  8. T60

    The smooth contour of the sculpture is wonderful.Her commitment to a great cause degenerated from a ...

  9. 从TS流到PAT和PMT

    转自:https://blog.csdn.net/rongdeguoqian/article/details/18214627 一 从TS流开始 最近开始学习数字电视机顶盒的开发,从MPEG-2到DV ...

  10. VC6.0实用小技巧

    VC6.0的若干实用小技巧 .检测程序中的括号是否匹配 把光标移动到需要检测的括号(如大括号{}.方括号[].圆括号()和尖括号<>)前面,键入快捷键 “Ctrl+]”.如果括号匹配正确, ...