`

xhtml,html头部声明

阅读更多

当我们制作页面的时候,总会在它的源码头部看到一串声明,比如最常见的

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

如果我们把这些代码去掉,会发现页面可能会有比较明显的变化,因为这样造成了有些样式的表现不一样。

这些代码我们称做DOCTYPE声明。DOCTYPE是document type(文档类型)的简写,用来说明你用的XHTML或者HTML是什么版本。DOCTYPE声明必须放在每一个XHTML文档最顶部,在所有代码和标识之上。

其中的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,你不能使用任何表现层的标识和属性,例如
。完整代码如下:

<!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">

理想情况当然是严格的DTD,但对于我们大多数刚接触web标准的设计师来说,过渡的DTD(XHTML 1.0 Transitional)是目前理想选择。因为这种DTD还允许我们使用表现层的标识、元素和属性,也比较容易通过W3C的代码校验。

注:上面说的"表现层的标识、属性"是指那些纯粹用来控制表现的tag标签,例如用于排版的表格、背景颜色标识等,一些内部样式。在XHTML中标识是用来表示结构的,而不是用来实现表现形式,我们过渡的目的是最终实现数据和表现相分离。

结构和表现分离。页面里的xhtml标签只是单纯用来表示结构,它的表现形式由css样式控制。不知不觉又谈到标准化的结构表现分离。上面说的头部声明只是最基础的知识,也是页面的基础,是你开始用xhtml构建你的页面的第一步。

文章来自: 好喜爱学习网(http://www.haoxiai.net) 网址:http://www.haoxiai.net/wangzhanzhizuo/cssjiaocheng/50432.html

分享到:
评论

相关推荐

    HTML与XHTML权威指南(第五版)中文

    学习HTML和XHTML,你需要理解文档类型声明(DOCTYPE),它告诉浏览器应该按照哪个版本的HTML或XHTML标准解析页面。例如,HTML5的DOCTYPE是`&lt;!DOCTYPE html&gt;`,非常简洁。 CSS(Cascading Style Sheets)通常与HTML...

    Head First HTML with CSS and XHTML

    在书中,读者将了解到HTML的基本结构,如文档类型声明、头部和主体元素、段落、标题、列表、超链接等。同时,作者会深入解释如何创建表格、框架和表单,这些都是构建交互性网页的重要组成部分。 CSS(Cascading ...

    Head First HTML与CSS、XHTML 中文版PDF

    - HTML结构:了解HTML文档的基本结构,包括文档类型声明、HTML标签、头部元素和主体元素。 - HTML元素:学习各种基本元素,如段落、标题、图像、链接等,以及如何通过属性来定制元素的行为。 - 表格:理解如何...

    HTML和XHTML权威指南

    1. **基础语法**:了解HTML和XHTML的基本标签结构,如文档类型声明、头部元信息、段落、标题、链接等。 2. **HTML元素**:探索各种HTML元素,包括文本格式化、列表、表格、图像、框模型以及表单控件的使用。 3. **...

    XHTML与HTML的区别

    DOCTYPE&gt;` 声明指定了使用的XHTML文档类型,`&lt;html&gt;` 元素包含了 `xmlns` 属性,用于指定XHTML的命名空间。`&lt;head&gt;` 和 `&lt;body&gt;` 是必需的部分,分别包含了文档的头部信息和主体内容。 #### 4. **属性值必须用引号...

    HTML、XHTML、CSS与JavaScript经典结合

    HTML、XHTML、CSS与JavaScript是构建现代Web应用的四大核心技术。首先,HTML和XHTML用于构建网页的结构,即确定网页内容的布局和各个元素的位置。HTML(HyperText Markup Language,超文本标记语言)是由W3C组织负责...

    推荐xhtml教程源码

    2. **文档类型定义(DTD)**:XHTML文档通常需要声明一个DTD,如`&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;`,这确保了文档...

    HTML+XHTML+CSS2_基础教程_PDF文件

    1. HTML基本结构:了解HTML文档的基本组成,包括文档类型声明、头部元素(head)、主体元素(body)以及各种常用标签,如段落(p)、标题(h1~h6)、链接(a)、图像(img)等。 2. HTML5新特性:学习HTML5引入的...

    [HeadFirst深入浅出_HTML与CSS、XHTML(中文版

    1. HTML基础:如何使用各种HTML标签来构建网页的基本结构,例如文档类型声明、头部(head)和主体(body)部分,以及表单、图片、链接、列表、表格等元素的使用。 2. CSS基础:解释CSS的语法、如何将样式应用到HTML...

    xhtml 初学者入门(html教程)

    3. **头部信息**:`&lt;head&gt;`部分包含文档的元数据,如字符集定义和标题。 4. **主体内容**:`&lt;body&gt;`部分包含网页的主要内容。 5. **元信息**:`&lt;meta&gt;`标签用于提供关于文档的元数据,如字符编码信息。 #### 七、...

    XHTML2.0规范

    1. **文档类型声明(DOCTYPE)**:XHTML2.0定义了一个简单的文档类型声明,用于告知浏览器或其他解析器文档遵循的是XHTML2.0规范。 2. **基本元素**:XHTML2.0中包含了一系列基础元素,如`&lt;html&gt;`、`&lt;head&gt;`、`...

    八大容易忽略的XHTML规则

    文档必须声明其使用的字符编码,通常是在文档头部使用`&lt;meta&gt;`标签来声明UTF-8编码: ```xml &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt; ``` 这样可以确保浏览器正确地解释文档中的...

    XHTML_MP的语法规则

    1. **文档类型声明**:指定文档使用的XHTML版本。 ```html &lt;!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"&gt; ``` 2. **根元素**:`&lt;html&gt;`...

    李炎恢XHTML项目源代码

    XHTML,全称为Extensible HyperText Markup Language,即扩展超文本标记语言,是HTML(超文本标记语言)的一个版本,它结合了HTML的易用性和XML的严格性。XHTML在HTML的基础上增加了XML的规则,使得网页结构更加严谨...

    高质量网页设计之HTML_XHTML教程

    DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;`,而HTML的文档类型声明较为简单,如`&lt;!DOCTYPE html&gt;`。 4. **命名空间**:XHTML...

    WEB开发 之 XHTML DTD.docx

    XHTML定义了三种主要的文件类型声明,它们分别是: 1. **XHTML Transitional**: 这是最常见的类型,允许使用HTML 4中的某些表现层特性,如`&lt;font&gt;`、`&lt;center&gt;`等,便于向XHTML过渡。 2. **XHTML Strict**: 严格...

    xhtml帮助文档学习手册

    1. **XHTML的基本结构**:XHTML文档由文档类型声明、HTML根元素、头部(head)和主体(body)四部分组成。文档类型声明通常以`&lt;!DOCTYPE&gt;`开头,定义文档遵循的XHTML版本。例如,XHTML 1.0 Strict的声明是`&lt;!DOCTYPE...

    Head First HTML with CSS and XHTML(英文版)

    - **文档类型声明**:XHTML使用特定的DOCTYPE声明。 - **命名空间**:XHTML支持XML命名空间。 #### 五、图书评价摘要 多位业内专家对本书给予了高度评价: - **Danny Goodman**称赞本书为“现代Web页面标记和呈现...

    新浪网页制作标准sina html css web xhtml

    本标准主要涵盖了HTML、CSS、Web和XHTML等方面,旨在优化用户体验和提高网页开发效率。下面将详细阐述这些关键知识点。 1. HTML(超文本标记语言):HTML是网页的基础,它定义了网页的结构。在新浪的标准中,HTML...

Global site tag (gtag.js) - Google Analytics