<!DOCTYPE>声明

最新推荐文章于 2022-03-09 08:47:44 发布
最新推荐文章于 2022-03-09 08:47:44 发布
阅读量843 收藏
点赞数
分类专栏： 网页（html php js）
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/petrel_zhu/article/details/53088538
版权
DOCTYPE是Document Type（文档类）的简写，用来告诉web浏览器用哪种HTML（XHTML）的语法解析器和渲染器
H5中声明：
不基于SGML 所以不需要和HTML 4 中一样引用DTD——为什么？搜遍网上答案，找不到比较合理的解释！
<!DOCTYPE HTML>
HTML 4声明：
基于SGML，所以需要引用DTD
声明语法：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
HTML： 顶级元素 可用性 “注册//组织//类型 标签 定义// 语言”"URL"
- 顶级元素：指定 DTD 中声明的顶级元素类型。这与声明的 SGML 文档类型相对应。 HTML 默认。HTML。
- 可用性：指定正式公开标识符(FPI)是可公开访问的对象还是系统资源。 PUBLIC 默认。可公开访问的对象。SYSTEM 系统资源，如本地文件或 URL。
- 注册：指定组织是否由国际标准化组织(ISO)注册。 + 默认。组织名称已注册。
- 组织名称未注册。Internet 工程任务组(IETF)和万维网协会(W3C)并非注册的 ISO 组织。
组织：指定表明负责由 !DOCTYPE 声明引用的 DTD 的创建和维护的团体或组织的名称，即 OwnderID。 IETF IETF。 W3C W3C。
- 类型：指定公开文本类，即所引用的对象类型。 DTD 默认。DTD。
- 标签：指定公开文本描述，即对所引用的公开文本的唯一描述性名称。后面可附带版本号。 HTML 默认。HTML。
- 定义：指定文档类型定义。
　　Frameset 框架集文档。 【框架】
              例子：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
　　Strict 排除所有 W3C 专家希望逐步淘汰的代表性属性和元素，因为样式表已经很完善了。 【严格】
              例子： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
　　Transitional 包含除 frameSet 元素的全部内容。 【过度】
              例子： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- 语言：指定公开文本语言，即用于创建所引用对象的自然语言编码系统。该语言定义已编写为 ISO 639  语言代码(大写两个字母)。 EN 默认。英语。
- URL：指定所引用对象的位置

现在浏览器采用两种模式解析CSS ：怪异（兼容）模式    标准（严格）模式；
原因：在W3C标准出台之前，不同浏览器在页面的渲染上没有统一的规范，差异比较大，浏览器为了向前兼容，所以采用Quirks mode（怪异模式）
          W3C标准出台后，浏览器对页面渲染有空统一的标准，采用统一标准的就是Strict mode严格
在标准模式中，浏览器根据规范呈现页面；在混杂模式中，页面以一种比较宽松的向后兼容的方式显示。
一旦声明了<!DOCTYPE>就会采用标准模式，没有声明就会采用怪异模式
名词解释：DTD 【 Document Type Definition 】  作用：定义XML文档的合法构建模块【以后要学习看下】
                 SGML(Standard Generalized Markup Language，即标准通用标记语言)【了解，暂时不拓展 http://wiki.mbalib.com/wiki/SGML 】
以下内容作为了解（从网上找的，现在基本都是标准模式，只是作为拓展可以了解下）：
两种模式区别：
区别是：
1.在严格模式中 ：width是内容宽度 ，元素真正的宽度 = margin-left + border-left-width + padding-left + width + padding-right + border-right- width +  margin-right;
在怪癖模式中 ：width则是元素的实际宽度 ，内容宽度 = width - ( padding-left + padding-right + border-left-width + border-right-width)
2）可以设置行内元素的高宽

    在Standards模式下，给span等行内元素设置wdith和height都不会生效，而在quirks模式下，则会生效。

3）可设置百分比的高度

    在standards模式下，一个元素的高度是由其包含的内容来决定的，如果父元素没有设置高度，子元素设置一个百分比的高度是无效的。

4）用margin:0 auto设置水平居中在IE下会失效

    使用margin:0 auto在standards模式下可以使元素水平居中，但在quirks模式下却会失效,quirk模式下的解决办法，用text-align属性:

   body{text-align:center};#content{text-align:left}

5）quirk模式下设置图片的padding会失效

6）quirk模式下Table中的字体属性不能继承上层的设置

7）quirk模式下white-space:pre会失效







petrel_zhu
关注
专栏目录
HTML ＜!DOCTYPE＞ 声明
玄链教育
05-03 653
DOCTYPE> 声明必须是 HTML 文档的第一行，位于 标签之前。DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。在 HTML 4.01 中， 声明引用 DTD，因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。HTML5 不基于 SGML，所以不需要引用 DTD。提示：请始终向 HTML 文档添加
HTML ＜!DOCTYPE＞ 声明：定义文档类型
deadray的博客
05-30 914
示例： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>文档标题</title> </head> <body> 这是一个HTML5页面 </body> </html> 标签定义及使用说明： <!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html&gt
!DOCTYPE声明
weixin_45013926的博客
08-14 761
一、什么是<!DOCTYPE>？ <!DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前，<!DOCTYPE> 声明不是一个 HTML 标签；它是用来告知 Web 浏览器页面使用了哪种 HTML 版本，以便于浏览器的解析器使用正确的文档标准解析这个文档。若声明错误或未声明会导致文档以怪异模式呈现。 注意：1.<!D...
HTML5 < !DOCTYPE >声明
谭明骏编程
04-02 1919
看代码： Title of the document The content of the document...... 定义和用法 声明必须在HTML5文档的第一件事,在标记之前。 doctype声明不是HTML标签,它是一个指令到web浏览器版本的什么写在标记语言页面。 重要的是您指定的doctype HTML文档,这样浏览器知道应该期待什么类型的文档。 doct
关于<!DOCTYPE> 声明
阿斯卡Asika的博客
04-24 476
关于<!DOCTYPE> 声明
文章配套网页源代码-HTML <!DOCTYPE> 声明
05-19
博客文章： 关于HTML中的 <!DOCTYPE> 声明 文章配套示例HTML源代码 内容说明：DOCTYPE是Document Type（文档类型）的简写，要想制作符合标准的HTML页面，一个必不可少的关键组成部分就是DOCTYPE声明。
HTML !DOCTYPE 标签 声明HTML版本
08-23
DOCTYPE> 声明，这样浏览器才能获知文档类型。 HTML 4.01 与 HTML5 之间的差异 在 HTML 4.01 中有三种 <!DOCTYPE> 声明。在 HTML5 中只有一种： <!DOCTYPE html> HTML 元素和文档类型（Doctype） 提示和注释 ...
HTML和XHTML的联系与区别,文档类型<!DOCTYPE>
07-30
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">`，而XHTML 1.0的声明可能为`<!DOCTYPE ...
DOCTYPE声明
weixin_43809665的博客
09-20 254
Doctype声明位于文档的最前边，处于标签之前。为了告知浏览器的解析器，用什么类型规范来解析这个文档。“规则”是W3C所发布的一个文档类型定义（DTD）包含的规则。 该标签可声明三种文档类型定义： 分类一： 标准模式： 浏览器按照W3C标准解析执行代码。 怪异模式： 浏览器按照自己的方法解析执行代码，兼容老页面。 近标准模式：与标准模式一致，除了以下这种情况， 如果一个块级元素除了空白文本（空格...
DOCTYPE作用及用法详解
weixin_33889665的博客
12-16 1016
一、浏览器呈现模式和doctype 有的网页是遵循标准而创作的，但也有很多不是。即使你不能创建遵循标准的网页，也希望浏览器根据标准来正确显示那些页。目前，大量网页充斥着大量非标准代码，它们仍能正常地工作。事实上，为旧版浏览器设计的大多数代码都能在新版浏览器中正确显示（虽然呈现方式可能有所区别）。这是什么原因呢？事实上，假如严格遵循最新标准，会完全破坏那些页的生存基础。对于任何希望有所...
HTML DOCTYPE 声明
顺其自然~专栏
03-09 381
<!DOCTYPE html> <html> <head> <title>文档的标题</title> </head> <body> 文档的内容...... </body> </html> 定义和用法 <!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。 <!DOCTYPE> 声明不是 HTML 标签；它是指示 web .
＜!DOCTYPE＞
Zo_Nian的博客
10-25 132
声明位于文档中的最前面的位置，处于 标签之前。此标签可告知浏 览器文档使用哪种 HTML 或 XHTML 规范。（重点：告诉浏览器按照何种规范解析页面）
HTML-!DOCTYPE
Cipuzp的博客
11-11 236
1.4 HTML &lt;!DOCTYPE&gt; 声明 注释：&lt;!DOCTYPE&gt; 标签没有结束标签。 提示：&lt;!DOCTYPE&gt; 声明不区分大小写。 1.4.1 标签定义及使用说明 &lt;!DOCTYPE&gt; 声明位于文档中的最前面的位置，处于 &lt;html&gt; 标签之前。 &lt;!DOCTYPE&gt; 声明不是一个 HTML 标签；它是用...
HTML 中 !DOCTYPE 声明
qq_39862865的博客
01-14 564
DOCTYPE定义 DOCTYPE是 document type（文档类型）的简写 DOCTYPE 返回当前文档关联的文档类型定义(DTD) DOCTYPE 返回的对象实现了DocumentType接口 使用DOMImplementation.createDocumentType()方法可以创建一个DocumentType类型的对象 DOCTYPE 语法 do...
文档类型声明
yangaoyuan1999的博客
10-22 432
1.HTML标记本质上是用来描述页面内容的语义的。用文本描述文本的语义。 2.用正确的标签表达语义的好处： 便于SEO（搜索引擎的优化——Search Engin Optimization） 能提高可访问性（对于用户） 能提高代码的可阅读性（对于开发人员） 3.文档结构说明（文档类型声明） 有7种文档类型声明： HTML4.0/HTML4.1 (strict(严格的) transi...
HTML5 <!DOCTYPE>声明详解
" 在HTML编程中，<!DOCTYPE>声明是一个至关重要的部分，它告诉web浏览器文档...同时，像myEclipse这样的集成开发环境（IDE）提供了自定义模板的功能，可以根据个人需求调整默认的DOCTYPE声明，以适应不同的项目需求。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值