`
zha_zi
  • 浏览: 585375 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

HTML DOCTYPE 类型

 
阅读更多

HTML <!DOCTYPE> 标签

实例

<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
</head>

<body>
文档的内容......
</body>

</html>

亲自试一试

浏览器支持

IE Firefox Chrome Safari Opera
         

所有浏览器都支持 <!DOCTYPE> 声明。

定义和用法

<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前。

<!DOCTYPE> 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

在 HTML 4.01 中,<!DOCTYPE> 声明引用 DTD,因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则,这样浏览器才能正确地呈现内容。

HTML5 不基于 SGML,所以不需要引用 DTD。

提示:请始终向 HTML 文档添加 <!DOCTYPE> 声明,这样浏览器才能获知文档类型。

HTML 4.01 与 HTML5 之间的差异

在 HTML 4.01 中有三种 <!DOCTYPE> 声明。在 HTML5 中只有一种:

<!DOCTYPE html>

HTML 元素和文档类型(Doctype)

请参阅这个 HTML 元素表,其中列出了每种元素会出现在哪个文档类型中

提示和注释

注释:<!DOCTYPE> 声明没有结束标签。

提示:<!DOCTYPE> 声明对大小写不敏感。

提示:请使用 W3C 的验证器来检查您是否编写了有效的 HTML / XHTML 文档!

常用的 DOCTYPE 声明

HTML 5

<!DOCTYPE html>

HTML 4.01 Strict

该 DTD 包含所有 HTML 元素和属性,但不包括展示性的和弃用的元素(比如 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 元素和属性,包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">

HTML 4.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 元素和属性,包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。必须以格式正确的 XML 来编写标记。

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

XHTML 1.0 Frameset

该 DTD 等同于 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 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">
分享到:
评论

相关推荐

    HTML !DOCTYPE 标签 声明HTML版本

    本文主要来详细讨论一下HTML中关于&lt;!DOCTYPE&gt;标签的定义和用法。...HTML 元素和文档类型(Doctype) 提示和注释 注释:&lt;!DOCTYPE&gt; 声明没有结束标签。 提示:&lt;!DOCTYPE&gt; 声明对大小写不敏感。[......] 阅读全文&gt;&gt;

    HTML和XHTML的联系与区别,文档类型<!DOCTYPE>

    NULL 博文链接:https://liuzidong.iteye.com/blog/850929

    DOCTYPE类型详细介绍

    我们在HTML里面声明DOCTYPE一般会有以下几种:&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;!DOCTYPE html PUBLIC "-//W3C...

    doctype:HTML文档类型的信息

    有关HTML / XHTML / MathML / SVG文档类型的信息。 安装 该软件包仅适用于ESM:需要使用Node 12+才能使用它,并且必须将其import而不是require d。 : npm install doctype 用 import { doctype } from 'doctype'...

    文章配套网页源代码-HTML <!DOCTYPE> 声明

    博客文章: 关于HTML中的 &lt;!DOCTYPE&gt; 声明 文章配套示例HTML源代码 内容说明:DOCTYPE是Document Type(文档类型)的简写,要想制作符合标准的HTML页面,一个必不可少的关键组成部分就是DOCTYPE声明。

    html的文档类型说明

    关于html的文档类型说明简介。HTML DOCTYPE 标签 -- DTDs 文档类型声明DOCTYPE 标签 -- 定义了标准文档的类型, DOCTYPE标签是单独出现的, DOCTYPE,简称为DTDs,是英文Document type的缩写,中文“文档类型”

    html基础代码,html+css教程

    DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1 0 Strict//EN" " http://www w3 org/TR/xhtml1/DTD/xhtml1-strict dtd "&gt;代表文档类型,大致的意思就是:遵循严格的XHTML1的格式书写 具体文档类型后面有介绍(见文档类型),...

    !DOCTYPE声明对JavaScript的影响分析

    DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt; DOCTYPE声明包括:过渡型(Transitional),严格型(Strict)和框架型(Frameset...

    22个HTML5 技巧一

    1. 新的文档类型(Doctype) &lt;!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt; 上面这个既麻烦又难记的XHTML文档类型你还在使用...

    为什么使用DOCTYPE HTML

    不管是刚接触前端,还是你已经精通web前端开发的内容,你应该知道在你写html的时候需要定义文档类型

    HTML+CSS+JavaScript 400源码套装.rar

    HTML是超文本标记语言(Hyper Text Markup Language),一种纯文本类型的语言,用来设计网页的标记语言,用该语言编写的文件以.html或者.htm为后缀,由浏览器解释执行,在HTML的页面上可以嵌套脚本语言编写程序段,如...

    22个HTML5实用技巧

    资源名称:22个HTML5实用技巧内容简介:HTML5 技巧...1. 新的文档类型(Doctype)&lt;!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Transitional//EN”“http 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。

    HTML文件第一行!DOCTYPE是做什么用的?

    文章目录实例定义和用法提示和注释HTML 4.01 与 HTML5 之间的差异 实例 文档的标题 文档的内容...... 定义和用法 ...提示:请始终向 HTML 文档添加 声明,这样浏览器才能获知文档类型。 提示和注释 注释:

    你必须知道的HTML5特征、窍门和技术

    资源名称:你必须知道的HTML5特征、窍门和技术内容简介:一、新的Doctype//zxx:”doctype”中文意思指“文档类型”仍在使用麻烦的,不可能记得住的XHTML文档类型?如果是,为什么还在用呢?使用新的HTML5文档类型...

    《Html》前端学习笔记

    DOCTYPE html&gt;声明文档类型 ,doctype 不区分大小写,没有 5 &lt;html&gt;:是整个文档的根节点,它包含了两个子节点 &lt;head&gt;:主要描述文档设置信息, 比如字符集(有 utf-8) ,标题 title &lt;body&gt;:是文档的主体,需要...

    HTML文档类型详解 推荐

    关于HTML文档类型参考:http://i.wanz.im/2010/05/28/why_doctype_html/ 检查发现JS在获取当前页面可视大小,和页面滚动位置有差别!在页面包含一个2000*2000的DIV是IE和Chrome在不同HTML文档类型测试整理数据如下:...

    Html题目问题已经答案完整版

    DOCTYPE&gt;声明位于文档的最前面,处于&lt;html&gt;标签前,告知浏览器的解析器,用声明文档类型规范来解析这个文档。 在严格模式(标准模式)中,浏览器根据规范呈现页面;在混杂模式中,页面以向后兼容的方式显示,以防止老...

    选择正确DOCTYPE解决CSS在网页失效问题

    如果你的CSS都是正确的,链接也没有出错的话,为什么偏偏CSS样式不生效呢?你也许正在为这个事而焦头烂额,呵呵,不要气馁,我以前也被这个事弄得头大过。这时你需要检查你的网页最头部...DOCTYPE html PUBLIC "-//W3C

    HTML【语法速查表】

    HTML语法速查表 新手很实用的哦 HTML 1,标记和属性必须小写,值用” ” 2,成对出现&lt;&gt; ,空元素&lt;img&gt;&lt;br&gt;也须封闭 ...&lt;DOCTYPE&gt; 文档类型 Transitional Strict 告诉浏览器,使用何种规范来解释文档代码

Global site tag (gtag.js) - Google Analytics