DOCTYPE是对Document type的缩写，说明用XHTML或者HTML是什么版本的。必须出现在<html>标签的前面，不需要关闭标签。

　　<!DOCTYPE>声明不是标签，它指示Web浏览器关于页面使用哪个HTML版本编写的，请始终向HTML文档添加<!DOCTYPE>声明，这样浏览器才能获知文档类型，最终如何显示你的Web文档。所以，要想制作符合W3C标准的页面，DOCTYPE声明是必不可少的关键组成部分。

　缺少HTML Doctype造成的样式问题

　　当使用XHTML标准开发的网页，第一行就是：

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

　　这是xhtml的W3C标准。

　　DOCTYPE指定了HTML文档遵循的文档类型定义（DTD），声明的写法遵循一定的规则，指出阅读程序用什么规则集解释文档中的标记。

规则样式：

　　语法：

　　 　　 HTML 　　顶级元素　　可用性　　“注册//组织//类型//标签//定义// 语言”   "URL"

　　可能值：

  • 顶级元素：指定的DTD中声明的顶级元素类型，这与声明的SGML文档类型相对应。默认是：HTML
  • 可用性： 指定正式公开标示符（FPI）是可访问的对象还是系统资源。默认是：PUBLIC，可公开访问的对象。SYSTEM 系统资源，如本地文件或 URL。
  • 注册： 指定组织是否是国际化标准组织（ISO）。 + 默认。组织名称已注册。
  • 组织名称未注册：IETF和W3C不是注册的ISO组织。
  • 组织： 指定表明负责由！DOCTYPE声明引用的DTD的创建和维护的团队或组织名称。
  • 类型： 指定公开文本类，即所引用的对象类型。默认：DTD。
  • 标签： 指定公开文本描述，对所引用的公开文本唯一描述性名称。可附带版本号。默认：HTML
  • 定义： 指定文档类型定义。Frameset框架集文档。Strict排除所有W3C专家希望逐步淘汰的代表性属性和元素。Transition包含排除Frameset元素的全部内容。
  • 语言：指定公开文本语言，即创建所引用对象的自然语言编码系统。默认：EN.
  • URL： 指定所引用对象的位置。

（转自：http://www.cnblogs.com/tomatoxml/p/3585741.html）

　　DTD（例子中的：xhtml1-transitional.dtd）即文档类型定义，包含文档的规划，浏览器根据定义的DTD来解释页面的标示，然后展现出来。

　　xhtml1.0提供三种DTD声明可供选择：

  • Transitional: 包含所有HTML元素和属性，包含展示性和弃用的元素，不允许使用框架集（Framesets）,必须以正确的格式来编写XML。
<!DOCTYPE html PUBLIC　"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  • Strict: 包含所有HTML元素和属性，但是不包含展示性和弃用的元素（比如：font），不允许使用框架集(Framesets)，必须以正确的格式来编写XML。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml/DTD/xhtml1-strict.dtd">
  • Frameset: 等同于XHTML 1.0 Transitional， 但是允许包含框架集内容。
<!DOCTYPE html PUBLIC "-//W3C//DTD//XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

　　相比xhtml的三种DTD声明和HTML 4.01的三种声明，HTML5 中只有一种<!DOCTYPE>声明：

<!DOCTYPE html>

　　HTML4.01中，<!DOCTYPE>声明引用DTD，因为HTML4.01是基于SGML，DTD规定了标记语言的规划，这样浏览器才能正确显示内容，HTML5不是基于SGML的，所以不需要引用DTD。

解释下关于XHTML1.0，HTML 4.0和HMTL5：

　　XHTML 1.0 是对HTML 4.0按照XML标准要求的改造，是XML风格化的HTML4.01，而HTML5是下一代HTML，用来取代HTML 4.01。W3C 原本确实计划用 XHTML 系列替代 HTML 4.01，但 XHTML 系列实际上只活到了 1.1（1.1 和夭折的 1.2 已经体现出过分 XML 的迹象，而 W3C 的理想其实在疯狂的 XHTML 2 身上，当然，它没能诞生），还没脱离 HTML 4.01 的阴影就死了。还没等 XHTML 兴起，它的地位就被 HTML5 取代了。（摘自http://www.zhihu.com/question/20258628）

　　在DOCTYPE声明后面的是一个XHTML的命名空间（namespace）：

<html xmlns="http://www.w3.org/1999/xhtml">

　　当需要使用符合XML规范的XHTML文档，则应该在<html>标签中使用xmlns属性。

检查工具：需要检查自己的页面是否符合在DOCTYPE中声明的标准，可以使用W3C提供的验证工具:http://validator.w3.org/

关于<!DOCTYPE html>的学习（转）的更多相关文章

  1. HTML5标准学习 – DOCTYPE

    转自:http://www.cnblogs.com/GrayZhang/archive/2011/03/31/learning-html5-doctype.html 上一篇文章主要讲述了HTML文档的 ...

  2. html学习一（html简史及doctype）

    html3部分 doctype(html) dtd head body 一.深入浅出HTML与XHTML的区别 HTML(HyperText Markup Language,超文本标记语言)最早的HT ...

  3. HTML学习笔记——DOCTYPE和DTD，标准模式和兼容模式

    主要涉及知识点: HTML与XHTML HTML与XHTML的区别 DOCTYPE与DTD的概念 DTD的分类以及DOCTYPE的声明方式 标准模式(Standard Mode)和兼容模式(Quirc ...

  4. 《Django By Example》第四章 中文 翻译 （个人学习，渣翻）

    书籍出处:https://www.packtpub.com/web-development/django-example 原作者:Antonio Melé (译者注:祝大家新年快乐,这次带来<D ...

  5. 简单入门canvas - 通过刮奖效果来学习

    一 .前言 一直在做PC端的前端开发,从互联网到行业软件.最近发现移动端已经成为前端必备技能了,真是不能停止学习.HTML5新增的一些东西,canvas是用的比较多也比较复杂的一个,简单的入门了一下, ...

  6. 《Django By Example》第三章 中文 翻译 （个人学习，渣翻）

    书籍出处:https://www.packtpub.com/web-development/django-example 原作者:Antonio Melé (译者注:第三章滚烫出炉,大家请不要吐槽文中 ...

  7. 《Django By Example》第一章 中文 翻译 （个人学习，渣翻）

    书籍出处:https://www.packtpub.com/web-development/django-example 原作者:Antonio Melé (译者注:本人目前在杭州某家互联网公司工作, ...

  8. ASP.NET从零开始学习EF的增删改查

           ASP.NET从零开始学习EF的增删改查           最近辞职了,但是离真正的离职还有一段时间,趁着这段空档期,总想着写些东西,想来想去,也不是很明确到底想写个啥,但是闲着也是够 ...

  9. seaJs学习笔记2 – seaJs组建库的使用

    原文地址:seaJs学习笔记2 – seaJs组建库的使用 我觉得学习新东西并不是会使用它就够了的,会使用仅仅代表你看懂了,理解了,二不代表你深入了,彻悟了它的精髓. 所以不断的学习将是源源不断. 最 ...

随机推荐

  1. mysql快速导入导出数据

    --导入 select * from inhos_genoperation(表名) where UPLOAD_ORG_CODE='***' into outfile '/tmp/inhos_genop ...

  2. [vue warn]:typeError:_this.getMounted.forEach is not a function

    问题:报错 解决:forEach前面给数组,自己放的是Json,所以报错

  3. nignx 配置服务集群

    前言:这里只是简单介绍Nginx简单APP Server集群的搭建和设置发向代理. 后续有时间我会陆续加上Nginx的基础知识.三种负载均衡的策略设置.实现算法的介绍.(最后如果有测试环境,再模拟Ng ...

  4. Dockerfile中npm中Error: could not get uid/gid问题的解决方法

    dockerfile 中  使用 npm 的时候报错:   解决办法:https://github.com/tootsuite/mastodon/issues/802              

  5. Symfony FOSUserBundle用户登录验证

    symfony是一个由组件构成的框架,登录验证的也是由一些组件构成,下面就介绍一下FOSUserBundle的使用. 以symfony 3.3为例, 首先我们需要先安装一下FOSUserBundle. ...

  6. Python学习 ：深浅拷贝

    深浅拷贝 一.浅拷贝 只拷贝第一层数据(不可变的数据类型),并创建新的内存空间进行储蓄,例如:字符串.整型.布尔 除了字符串以及整型,复杂的数据类型都使用一个共享的内存空间,例如:列表 列表使用的是同 ...

  7. ESP32 LyraT音频开发板试玩(一)：搭建开发环境

    我是卓波,很高兴你来看我的博客. 系列文章: ESP32 LyraT音频开发板试玩(一):搭建开发环境 ESP32 LyraT音频开发板试玩(二):播放音乐 关于ESP32的开发环境搭建,官方有教程, ...

  8. Python3 使用基本循环实现多级目录（思路）

    一.多级目录设计: 1. 通过循环的方式显示菜单和进入菜单 2. 设置标志位以提供回退上一层菜单 2. 设置标志位以提供退出程序 二.注意要点: 1. 菜单样式,层次关系不要弄混乱 2. 当输入错误时 ...

  9. Python3 列表，元组，字典，字符串知识小结

    一.知识概要 1. 列表,元组,字典,字符串的创建方式 2. 列表,元组,字典,字符串的方法调用 3. 列表,元组,字典,字符串的常规用法 二.列表 # 列 表 # 列表基础 list_1 = ['a ...

  10. AES128加密-S盒和逆S盒构造推导及代码实现

    文档引用了<密码编码学与网络安全--原理和实践>里边的推导过程,如有不妥,请与我联系修改. 文档<FIPS 197>高级加密标准AES,里边有个S盒构造,涉及到了数论和有限域的 ...