`

关于页面中DOCTYPE标签

    博客分类:
  • Html
阅读更多

语法

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

框架集文档。

Strict

排除所有 W3C 专家希望逐步淘汰的代表性属性和元素,因为样式表已经很完善了。

Transitional

包含除 frameSet 元素的全部内容。

 

语言

指定公开文本语言,即用于创建所引用对象的自然语言编码系统。该语言定义已编写为 ISO 639 语言代码(大写两个字母)

EN

默认。英语。

 

URL

指定所引用对象的位置。

 

 

 

 

DOCTYPEdocument type(文档类型)的简写,用来说明你用的XHTML或者HTML是什么版本。

其中的DTD(例如上例中的xhtml1-transitional.dtd)叫文档类型定义,里面包含了文档的规则,浏览器就根据你定义的DTD来解释你页面的标识,并展现出来。

要建立符合标准的网页,DOCTYPE声明是必不可少的关键组成部分;除非你的XHTML确定了一个正确的DOCTYPE,否则你的标识和CSS都不会生效。
XHTML 1.0
提供了三种DTD声明可供选择:

过渡的(Transitional):要求非常宽松的DTD,它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。完整代码如下:

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

严格的(Strict):要求严格的DTD,你不能使用任何表现层的标识和属性,例如<br>。完整代码如下:

<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">
框架的(Frameset):专门针对框架页面设计使用的DTD,如果你的页面中包含有框架,需要采用这种DTD。完整代码如下:

 <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Frameset//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd\">
我们选择什么样的DOCTYPE

理想情况当然是严格的DTD,但对于我们大多数刚接触web标准的设计师来说,过渡的DTD(XHTML 1.0 Transitional)是目前理想选择!。因为这种DTD还允许我们使用表现层的标识、元素和属性,也比较容易通过W3C的代码校验。
注:上面说的\"表现层的标识、属性\"是指那些纯粹用来控制表现的tag,例如用于排版的表格、背景颜色标识等。在XHTML中标识是用来表示结构的,而不是用来实现表现形式,我们过渡的目的是最终实现数据和表现相分离。

打个比方:人体模特换衣服。模特就好比数据,衣服则是表现形式,模特和衣服是分离的,这样你就可以随意换衣服。而原来HTML4中,数据和表现是混杂在一起的,要一次性换个表现形式非常困难。呵呵,有点抽象了,这个概念需要我们在应用过程中逐步领会。

补充

DOCTYPE声明必须放在每一个XHTML文档最顶部,在所有代码和标识之上。
DOCTYPE
声明好以后,接下来的代码是:

 CODE:[Copy to clipboard]<html xmlns=\"http://www.w3.org/1999/xhtml\" lang=\"gb2312\">

通常我们HTML4.0的代码只是<html>,这里的\"xmlns\"是什么呢?

这个\"xmlns\"XHTML namespace的缩写,叫做\"名字空间\"声明。名字空间是什么作用呢?
由于xml允许你自己定义自己的标识,你定义的标识和其他人定义的标识有可能相同,但表示不同的意义。当文件交换或者共享的时候就容易产生错误。为了避免这种错误发生,XML采用名字空间声明,允许你通过一个网址指向来识别你的标识。例如:

闲看网和论坛网都定义了一个<book>标识,如果闲看网名字空间是\"http://www.xiankan.com\",论坛网名字空间是\"http://www.Yaobbs.com\",那么当两个文档交换数据时,也不会混淆<book>标识,因为它属于不同的名字空间。

更通俗的解释是:名字空间就是给文档做一个标记,告诉别人,这个文档是属于谁的。只不过这个\"\"用了一个网址来代替。

XHTMLHTMLXML过渡的标识语言,它需要符合XML文档规则,因此也需要定义名字空间。又因为XHTML1.0不能自定义标识,所以它的名字空间都相同,就是\"http://www.w3.org/1999/xhtml\"。如果你还不太理解也不要紧,目前阶段我们只要照抄代码就可以了。

后面的lang=\"gb2312\",指定你的文档用简体中文。

分享到:
评论

相关推荐

    HTML !DOCTYPE 标签 声明HTML版本

    本文主要来详细讨论一下HTML中关于&lt;!DOCTYPE&gt;标签的定义和用法。 准确的说,&lt;!DOCTYPE&gt;并不是HTML标签,它声明web浏览器关于页面使用哪个 HTML 版本进行编写的指令。 在 HTML 4.01 中,&lt;!DOCTYPE&gt; 声明引用 DTD,...

    HTML !DOCTYPE 标签.docx

    DOCTYPE&gt;`标签是HTML文档中必不可少的一部分,它定义了文档所遵循的规范,影响浏览器的解析方式,从而确保代码的标准化和兼容性。选择合适的DTD类型可以更好地控制文档的结构和样式,同时提高对不同浏览器的兼容性。

    DOCTYPE 标签

    DOCTYPE标签在HTML和XHTML文档中扮演着至关重要的角色,它是文档类型定义(Document Type Definition)的简写,用于告诉浏览器文档遵循的HTML或XHTML规范。DOCTYPE声明位于文档的开头,即`&lt;html&gt;`标签之前,其主要...

    网页 DOCTYPE html标签的作用1

    3. 避免因缺少DOCTYPE导致的quirks mode,提高页面的跨浏览器兼容性。 4. 简化文档结构,无需引用外部DTD。 理解并正确使用DOCTYPE声明是编写符合现代Web标准的HTML文档的基础,对于创建高质量、可维护的网页至关...

    HTML 元素与合法的 Doctype.docx

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

    HTML 版本声明 DOCTYPE 标签

    HTML版本声明DOCTYPE标签是HTML文档中用来指定文档类型和版本的指令,它位于文档的最前面,告知浏览器该文档所遵循的HTML规范。DOCTYPE声明不是HTML标签,而是一条浏览器指令,用于告诉浏览器这个文档是以什么版本的...

    使用JS获取页面上的所有标签

     前两天看到一个题,是问如何从页面上获取所有的标签的并查看他们的数量,感觉还是有点意思的,所以给大家来搞一下子  我们先来捋捋思路,那要从页面上获取标签,不用说我们肯定会想到DOM操作,那获取到了之后呢,...

    制作百度音乐标签页面.7z

    在本项目中,我们主要关注的是使用HTML技术来制作一个百度音乐的标签页面。这是一个基础的前端开发练习,旨在帮助学习者掌握HTML的基本结构和语义化元素的应用。以下是关于这个话题的详细知识讲解: 一、HTML概述 ...

    DOCTYPE html PUBLIC.doc

    2. **HTML标签**:在HTML代码中,可以看到`&lt;html&gt;`, `&lt;head&gt;`, `&lt;body&gt;`, `&lt;div&gt;`, `&lt;p&gt;`和`&lt;img&gt;`等标签。这些是HTML的基本结构元素,用于构建网页的结构和内容。`&lt;div&gt;`用于分组元素,`&lt;p&gt;`表示段落,`&lt;img&gt;`用于...

    jsp页面中如何将时间戳字符串格式化为时间标签.docx

    jsp页面中如何将时间戳字符串格式化为时间标签 在jsp页面中,将时间戳字符串格式化为时间标签是非常常见的需求。为了实现这一需求,我们可以使用jsp自定义标签来解决问题。 首先,我们需要创建一个名为datetag.tld...

    javascript中BASE标签作用

    例如,`&lt;base target="_blank"&gt;`将使所有链接默认在新窗口或新标签页中打开,无需在每个`&lt;a&gt;`标签中显式指定`target="_blank"`。 总结来说,`&lt;base&gt;`标签在HTML文档中起着基石般的作用,尤其是在处理相对URL和链接...

    div中随机展示个性化标签(jQuery实现)

    这个项目是关于如何使用jQuery库在指定的div元素中动态地、随机地展示这些个性化标签。jQuery是一个强大的JavaScript库,它简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。 首先,我们来看`randomtagdiv....

    关于我们html代码

    6. **CSS样式**:虽然标签中没有明确提到CSS,但在实际应用中,CSS(层叠样式表)常用于美化页面,包括字体、颜色、布局等。可以使用`&lt;style&gt;`标签内联样式,或者通过`&lt;link&gt;`标签引用外部CSS文件。 7. **响应式...

    JSTL自定义标签实例解析

    通过以上步骤,我们可以创建一个简单的自定义标签,例如一个循环输出标签,它接受两个参数——要输出的字符串(S)和重复次数(n),然后在页面上按要求重复输出字符串S。 总结来说,JSTL自定义标签提供了一种高效...

    js中子页面获取父页面ID

    - **父页面与子页面**:通常情况下,子页面是指通过`&lt;iframe&gt;`标签嵌入到父页面中的另一个独立页面。 - **DOM(Document Object Model)**:文档对象模型是HTML或XML文档的规范化的表示形式,允许编程和运行脚本语言...

    CSS失效怎么办?请检查网页最头部是否包含Doctype标签

    此时,一个常常被忽略的因素就是`Doctype`(Document Type Declaration)标签。 `Doctype`标签位于HTML文档的最顶部,它的主要作用是告诉浏览器应该以哪种模式解析和渲染网页。在不包含`Doctype`的情况下,浏览器...

    DOCTYPE html-爱心代码.docx

    标题中的“DOCTYPE html-爱心代码.docx”表明这是一个关于HTML的文档,具体是创建一个爱心图形的代码示例。描述中的“我颜色设的两个不一样,有需要的家人们可以自己去改成相同颜色的就好了”提示了代码中可能涉及两...

    DOCTYPE HTML PU.docx

    在给定的文件中,我们看到了一个HTML文档的结构,其中包含了HTML5的DOCTYPE声明、元数据、样式表以及JavaScript代码。这个文档似乎是一个简单的网页,具有动态粒子效果的背景和一个固定在屏幕中央的文本元素。以下是...

    DOCTYPE元素详解 完整版

    DOCTYPE&gt;元素是HTML文档中非常重要的一个指令,它位于文档的最前面位置,必须在标签之前。&lt;!DOCTYPE&gt;声明的目的是告诉浏览器这个页面所使用的文档类型定义,以及该页面遵循的W3C规范。在HTML中,主要有三种文档类型...

    HTML &lt;!DOCTYPE&gt; 标签

    因此,为了避免浏览器兼容性问题,确保页面在所有浏览器中呈现一致,正确地声明DOCTYPE至关重要。 DOCTYPE声明的语法遵循一定的格式,它指定了文档类型定义(DTD)的来源和版本。例如,XHTML 1.0 Strict的DOCTYPE...

Global site tag (gtag.js) - Google Analytics