昨天看代码的时候，发现在<!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. OTA升级

    除了云端平台这部分,还要有通讯协议层面.云端和汽车端之间指令的接口和协议的制定,不同车厂会有不同诉求.艾拉比既可以支持车厂私有化定制协议的要求,也可以提供基于OMA标准的协议. 第一,它既是云端的工具 ...

  2. EASYARM-IMX283 烧写uboot和linux系统

    新入手一台EASYARM-IMX283开发板(以下简称IMX823),价格比较便宜,配置也不错. 开发板默认安装了WINCE,我还是决定重新烧写uboot和linux内核. 开发板配套光盘里面有不少烧 ...

  3. 转载：SPFA算法学习

    转载地址:http://www.cnblogs.com/scau20110726/archive/2012/11/18/2776124.html 粗略讲讲SPFA算法的原理,SPFA算法是1994年西 ...

  4. Spring Boot2.0之web开发

    1.关于静态资源的访问 在我们开发Web应用的时候,需要引用大量的js.css.图片等静态资源. Spring Boot默认提供静态资源目录位置需置于classpath下,目录名需符合如下规则: /s ...

  5. HDU 1850 Being a Good Boy in Spring Festival（博弈·Nim游戏）

    Being a Good Boy in Spring Festival Time Limit: 1000/1000 MS (Java/Others)    Memory Limit: 32768/32 ...

  6. SocketSessionConfig参数设制

    Mina 是一个韩国人写的基本java NIO的一个高性能的传输框架,我们的搜索就是基本它作为一个搜索服务开放接口了.对于系统的TIME_WAIT过多,造成服务器的负载过高,这个问题我也不用多说了,这 ...

  7. Java微信公众平台开发_03_消息管理之被动回复消息

    GitHub源码:https://github.com/shirayner/weixin_gz 一.本节要点 1.回调url 上一节,我们启用服务器配置的时候,填写了一个服务器地址(url),如下图, ...

  8. About getByClass

    不能获取class为多个的情况 function getByClass(parent,cls){ var res=[]; var ele=parent.getElementsByTagName(&qu ...

  9. 解决 sublime text3 运行python文件无法input的问题

    怎么输入都没有用,原来需要配置可交互环境来运行 首先,Ctrl+Shift+p快捷键,弹出框框输入 install Package,回车后又弹出一个框,输入SublimeREPL(要安装的插件名字), ...

  10. 【Lintcode】094.Binary Tree Maximum Path Sum

    题目: Given a binary tree, find the maximum path sum. The path may start and end at any node in the tr ...