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

    如果你的电脑里装了两个python,就会有两个pip,一个是pip2,一个是pip3,还有可能出现一个既没有2也没有3的pip,一般情况下,pip等于pip2 有时候我们使用pip安装东西会提示我们p ...

  2. 0CTF 2017 部分Web的某些不一样的思路

    洒家参加了0CTF 2017,做了一些题目.赛后过了好几天,看网上已经有了一些写得不错的Writeup,这里就写一写洒家的一些不一样的思路. 一些不错的Writeup https://ctftime. ...

  3. jquery 用addClass之后 class有对应的事件，为什么要重新绑定一下事件呢

    假设有元素A,B,C,其中A和B都有class属性cls,如果在页面加载完成时,给具有class属性为cls的元素绑定某一事件,例如click,执行事件时调用alert.也就是说,页面加载完成后A和B ...

  4. 2-mybatis框架

    mybatis是一个持久层的框架,是apache下的顶级项目. mybatis让程序将主要精力放在sql上,通过mybatis提供的映射方式,自由灵活生成(半自动化,大部分需要程序员编写sql)满足需 ...

  5. VC++共享文件夹

    BOOL NetShare(char * pShareName,char * pSharePath) { USES_CONVERSION; SHARE_INFO_502 si502; NET_API_ ...

  6. Dual Path Networks（DPN）——一种结合了ResNet和DenseNet优势的新型卷积网络结构。深度残差网络通过残差旁支通路再利用特征，但残差通道不善于探索新特征。密集连接网络通过密集连接通路探索新特征，但有高冗余度。

    如何评价Dual Path Networks(DPN)? 论文链接:https://arxiv.org/pdf/1707.01629v1.pdf在ImagNet-1k数据集上,浅DPN超过了最好的Re ...

  7. overflow：hidden真的失效了吗？

    项目中常常有同学遇到这样的问题,现象是给元素设置了overflow:hidden,但超出容器的部分并没有被隐藏,难道是设置的hidden失效了吗? 其实看似不合理的现象背后都会有其合理的解释. 我们知 ...

  8. listen 62

    The Hangover I'm never drinking again. And this time I mean it! Anyone who's suffered through a bad ...

  9. leetcode 19. Remove Nth Node From End of List（链表）

    Given a linked list, remove the nth node from the end of list and return its head. For example, Give ...

  10. HihoCoder1672 : 区间问题（[Offer收割]编程练习赛41）（贪心）

    时间限制:10000ms 单点时限:1000ms 内存限制:256MB 描述 给定N个区间[Ai, Bi],请你找到包含元素最少的整数集合S,使得每个区间都至少有两个整数在S中. 例如给定三个区间[1 ...