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. 快速排序_C语言_数组

    快速排序_C语言_数组 #include <stdio.h> void quickSort(int *, int, int); int searchPos(int *, int, int) ...

  2. eclipse 突然debug模式不能正常运行了

    eclipse 突然debug模式不能正常运行了,但非debug模式却能正常运行.debug模式不能正常启动的现象描述如下:    点击eclipse debug按钮,console窗口显示tomca ...

  3. C++最接近整数的浮点运算

    Function return ceil 不小于给定值的最接近整数值 floor 不大于给定值的最接近整数 trunc (C++11) 绝对值不大于给定值的最接近整数 round(C++11) 最接近 ...

  4. MySQL备份恢复之Xtrabackup

    Preface       Today,I'm gonna use the Xtrabackup tool to demonstrate the procedure of backing up MyS ...

  5. CentOS 7.4使用yum源安装php7.2

    1.如果之前已经安装我们先卸载一下 yum -y remove php* 2.由于linux的yum源不存在php7.x,所以我们要更改yum源 rpm -Uvh https://dl.fedorap ...

  6. go 操作数据库

    假设有了数据库,创建表 CREATE TABLE `userinfo` ( `uid` INT(10) NOT NULL AUTO_INCREMENT, //自增字段 `username` VARCH ...

  7. node Cookie

    代码: const express = require('express'); const cookieParser = require('cookie-parser'); const app = e ...

  8. 最小费用最大流模板 洛谷P3381

    题目描述 如题,给出一个网络图,以及其源点和汇点,每条边已知其最大流量和单位流量费用,求出其网络最大流和在最大流情况下的最小费用. 输入输出格式 输入格式: 第一行包含四个正整数N.M.S.T,分别表 ...

  9. ubuntu配置机器学习环境（一） ubuntu安装

    第一部分:Ubuntu14.04安装 Step :安装Ubuntu Step 1.1:准备安装U盘 首先到官网下载Ubuntu的镜像,我使用的是Ubuntu 14.04.3的ISO. 然后使用Ultr ...

  10. 将List中的数据更新到数据库中

    List中有相应的数据,更新到数据库如下: 1.根据关键字查找后删除: foreach (var item in objSelList) { ADDaAn da = db.ADDaAns.Find(i ...