`
easonfans
  • 浏览: 254157 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

HTML <!DOCTYPE> 标签

阅读更多

 

HTML <!DOCTYPE> 标签

正如您可能知道的,Web 浏览器可以在不同的模式下运行,具体取决于 HTML 文档中是否有有效的 doctype。如果没有找到有效的 doctype,浏览器将在 quirks 模式下运行,其中将为向后兼容维护一些非标准功能。如果找到了有效 doctype,浏览器将在标准模式下运行,即根据 W3C 和 IETF 标准。

 

 

定义和用法

<!DOCTYPE> 声明位于文档中的最前面的位置,处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。

该标签可声明三种 DTD 类型,分别表示严格版本、过渡版本以及基于框架的 HTML 文档。

以下面这个 <!DOCTYPE> 标签为例:

 

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

 

 在上面的声明中,声明了文档的根元素是 html,它在公共标识符被定义为 "-//W3C//DTD XHTML 1.0 Strict//EN" 的 DTD 中进行了定义。浏览器将明白如何寻找匹配此公共标识符的 DTD。如果找不到,浏览器将使用公共标识符后面的 URL 作为寻找 DTD 的位置。

 

 

提示和注释:

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

HTML

 

HTML 4.01 规定了三种文档类型:Strict、Transitional 以及 Frameset。

HTML Strict DTD

如果您需要干净的标记,免于表现层的混乱,请使用此类型。请与层叠样式表(CSS)配合使用:

 

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

 

HTML Transitional DTD

Transitional DTD 可包含 W3C 所期望移入样式表的呈现属性和元素。如果您的读者使用了不支持层叠样式表(CSS)的浏览器以至于您不得不使用 HTML 的呈现特性时,请使用此类型:

 

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

 

Frameset DTD

Frameset DTD 应当被用于带有框架的文档。除 frameset 元素取代了 body 元素之外,Frameset DTD 等同于 Transitional DTD:

 

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

 

   XHTML

 

XHTML 1.0 规定了三种 XML 文档类型:Strict、Transitional 以及 Frameset。

XHTML Strict DTD

如果您需要干净的标记,免于表现层的混乱,请使用此类型。请与层叠样式表(CSS)配合使用:

 

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

 

XHTML Transitional DTD

Transitional DTD 可包含 W3C 所期望移入样式表的呈现属性和元素。如果您的读者使用了不支持层叠样式表(CSS)的浏览器以至于您不得不使用 XHTML 的呈现特性时,请使用此类型:

 

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

 

XHTML Frameset DTD

当您希望使用框架时,请使用此 DTD!

 

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

 

 如需检查你是否编写了带有正确 DTD 的合法 XHTML 文档,您可以把您的 XHTML 页面链接到一个 XHTML 验证器。

HTML5

 

 

 

 

HTML5 的 doctype 非常简单:<!doctype html>。

 

您应该在创建的每个 HTML5 页面顶部包括此行。让我们继续并定义 index.html 页面的基础大纲。该操作的代码位于 清单 1 中。


<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>HTML5 Demo</title>
        <link rel="stylesheet" href="styles.css" />
        <!--[if IE]>
        <script src="http://html5shiv.googlecode.com/svn/trunk
/html5.js"></script>
        <![endif]-->
    </head>
    <body>

    </body>
</html>
 

 

来源:

http://www.w3school.com.cn/tags/tag_doctype.asp

http://www.ibm.com/developerworks/cn/web/tutorials/wa-html5/section4.html

 

 

 

 

分享到:
评论

相关推荐

    HTML !DOCTYPE 标签 声明HTML版本

    DOCTYPE&gt;并不是HTML标签,它声明web浏览器关于页面使用哪个 HTML 版本进行编写的指令。 在 HTML 4.01 中,&lt;!DOCTYPE&gt; 声明引用 DTD,因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则,这样浏览器才能正确地呈现...

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

    1. **语法严格性**:XHTML的语法更严格,要求所有元素必须正确关闭(除了少数自闭合元素如`&lt;img&gt;`和`&lt;br&gt;`),而HTML则相对宽松,可以省略一些元素的结束标签。 2. **元素大小写敏感**:在XHTML中,元素和属性名是...

    网页 DOCTYPE html标签的作用1

    这个声明位于HTML文档的开头,且必须在 `&lt;html&gt;` 标签之前。 `&lt;!DOCTYPE html&gt;` 是HTML5规范中的声明方式,它表明当前文档是一个符合HTML5标准的网页。在HTML5之前,不同的DOCTYPE声明对应着不同的HTML或XHTML版本...

    HTML !DOCTYPE 标签.docx

    DOCTYPE&gt;`标签是文档类型声明,它在HTML或XHTML文档的开头,用于告诉浏览器文档遵循的HTML或XHTML规范。这个声明非常重要,因为它会影响浏览器如何解析和渲染页面内容。`&lt;!DOCTYPE&gt;`标签没有闭合标签,即它不需要以`...

    超炫酷代码,HTML格式

    例如,&lt;a&gt;标签用于创建可点击的链接,它的href属性指定目标URL,而文字则包含在&lt;&gt;和&lt;/a&gt;之间。图片标签&lt;img&gt;的src属性指定了图片的路径,alt属性提供了当图片无法显示时的替代文本。 HTML还支持表格(&lt;table&gt;)、表单...

    HTML 语法大全!超级精炼<一点通>

    &lt;attribute&gt; 以对象的形式代表了 HTML 元素的标签属性或属性。 &lt;B&gt; 指定文本应以粗体渲染。 &lt;base&gt; 指定一个显示 URL 用于解析对于外部源的链接和引用,如图像和样式表。 &lt;baseFont&gt; 设置渲染文本时作为缺省字体的...

    HTML 元素与合法的 Doctype.docx

    DOCTYPE声明位于HTML文档的顶部,通常在`&lt;html&gt;`标签之前,告诉浏览器如何解析页面。 在不同的HTML版本中,DOCTYPE的声明方式有所不同,这会影响到浏览器如何呈现网页。以下是一些常见的DOCTYPE声明: 1. **HTML ...

    HTML &lt;!DOCTYPE&gt; 标签

    DOCTYPE声明位于HTML文档的顶部,通常在`&lt;html&gt;`标签之前。 在不同的浏览器中,如果没有声明DOCTYPE,页面可能会在不同的渲染模式下显示,导致布局和样式差异。例如,Firefox(FF)和Internet Explorer(IE)在默认...

    index.html

    DOCTYPE html&gt; &lt;!-- 双标签:有头有尾,并且尾巴内会有一个关闭符:/ --&gt; &lt;!-- 该文档的根元素(根节点) --&gt; &lt;html lang="en"&gt; &lt;!-- 头部标签 --&gt; &lt;head&gt; &lt;!-- 单标签(也称空标签):有头没有尾,结尾会有一个...

    HTML标签大全

    DOCTYPE&gt; 文档类型 &lt;html&gt;文档 &lt;body&gt;文档主体 &lt;h1&gt; to &lt;h6&gt; HTML 标题 &lt;p&gt;段落 &lt;br&gt;换行 &lt;hr&gt;水平线 &lt;!--...--&gt;注释 --文本 &lt;b&gt;粗体文本 &lt;font&gt;不赞成用。文本字体、尺寸和颜色 &lt;i&gt;斜体文本 &lt;em&gt;强调文本 &lt;big&gt;大...

    HTML的简介及标签的使用

    - **主体标签**:如`&lt;html&gt;`、`&lt;head&gt;`、`&lt;title&gt;`、`&lt;body&gt;`等,构成了HTML文档的基本框架。 #### 三、HTML文档的基本结构 一个标准的HTML文档结构如下所示: ```html &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;...

    HTML.rar_HTML 手册_html 标签 手册

    11. **语义化标签**:HTML5引入了许多新的语义化标签,如`&lt;header&gt;`、`&lt;nav&gt;`、`&lt;main&gt;`、`&lt;article&gt;`、`&lt;section&gt;`、`&lt;aside&gt;`和`&lt;footer&gt;`,帮助提高网页内容的可读性和可访问性。 12. **JavaScript交互**:虽然...

    HTML语言剖析 HTML标签讲解以及其应用示例

    此外,HTML5引入了一些新的标签,如&lt;header&gt;、&lt;footer&gt;、&lt;nav&gt;、&lt;article&gt;和&lt;section&gt;,这些帮助提高页面的语义化,使页面结构更清晰,对搜索引擎优化(SEO)也有益。 在实际应用示例中,我们可能会看到如何使用CSS...

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

    HTML标签是由尖括号包围的关键字,比如&lt;html&gt;,HTML标签通常是成对出现的,比如&lt;b&gt;&lt;/b&gt;,标签对中的第一个标签为开始标签,第二个标签为结束标签,开始标签和结束标签也被称为开放标签和闭合标签 HTML注释: &lt;!–...

    HTML中的base标签 中文WORD版

    HTML中的`&lt;base&gt;`标签是一个常被忽视但十分重要的元素,它主要用来设定网页中所有链接的基础URL,以及设定默认的页面打开方式。这个标签在前端开发中扮演着简化路径处理的角色,尤其当你的网站拥有复杂的目录结构时...

    HTML初步学习,笔记记录

    HTML标签是由尖括号包围的关键词,比如&lt;html&gt;。 HTML标签通常是成对出现的,第一个标签是开始标签,第二个标签是结束标签。 3. 初始化项目 在WebStorm软件中,可以右键点击项目名称,选择New HTML File,命名为...

    HTML常用标签以及常用技巧等说明

    - `&lt;table&gt;`:创建表格,通过`&lt;tr&gt;`、`&lt;td&gt;`、`&lt;th&gt;`等标签构建。 - `&lt;form&gt;`:定义表单,用于收集用户输入的信息。 - `&lt;input&gt;`:用于创建各种类型的输入控件,如文本框、隐藏字段、密码框等。 - `&lt;select&gt;`:创建...

    HTML语言大全及属性大全

    DOCTYPE html&gt;`开始,接着是`&lt;html&gt;`标签,这是文档的根元素。`&lt;head&gt;`标签包含文档的元数据,如标题、样式和脚本,而`&lt;body&gt;`标签包含文档的内容。 HTML常用标签 * `&lt;a&gt;`:定义超级链接 * `&lt;acronym&gt;`:定义缩写...

    36个非常重要但常被遗忘的HTML标签

    `&lt;acronym&gt;` 标签用于定义首字母缩略词,与 `&lt;abbr&gt;` 类似,但在HTML5中已被废弃。 - **示例**:`&lt;acronym title="Cascading Style Sheets"&gt;CSS&lt;/acronym&gt;` —— 显示为“CSS”,当鼠标悬停时显示完整词组...

    html写的生日祝福代码

    DOCTYPE html&gt;`声明、`&lt;html&gt;`元素、`&lt;head&gt;`元素和`&lt;body&gt;`元素。`&lt;!DOCTYPE html&gt;`定义了文档类型,确保浏览器以HTML5标准解析页面。 在`&lt;head&gt;`部分,我们可以添加`&lt;title&gt;`标签来设置网页的标题,这在浏览器的...

Global site tag (gtag.js) - Google Analytics