当我们制作页面的时候,总会在它的源码头部看到一串声明,比如最常见的
<!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,你需要理解文档类型声明(DOCTYPE),它告诉浏览器应该按照哪个版本的HTML或XHTML标准解析页面。例如,HTML5的DOCTYPE是`<!DOCTYPE html>`,非常简洁。 CSS(Cascading Style Sheets)通常与HTML...
在书中,读者将了解到HTML的基本结构,如文档类型声明、头部和主体元素、段落、标题、列表、超链接等。同时,作者会深入解释如何创建表格、框架和表单,这些都是构建交互性网页的重要组成部分。 CSS(Cascading ...
- HTML结构:了解HTML文档的基本结构,包括文档类型声明、HTML标签、头部元素和主体元素。 - HTML元素:学习各种基本元素,如段落、标题、图像、链接等,以及如何通过属性来定制元素的行为。 - 表格:理解如何...
1. **基础语法**:了解HTML和XHTML的基本标签结构,如文档类型声明、头部元信息、段落、标题、链接等。 2. **HTML元素**:探索各种HTML元素,包括文本格式化、列表、表格、图像、框模型以及表单控件的使用。 3. **...
DOCTYPE>` 声明指定了使用的XHTML文档类型,`<html>` 元素包含了 `xmlns` 属性,用于指定XHTML的命名空间。`<head>` 和 `<body>` 是必需的部分,分别包含了文档的头部信息和主体内容。 #### 4. **属性值必须用引号...
HTML、XHTML、CSS与JavaScript是构建现代Web应用的四大核心技术。首先,HTML和XHTML用于构建网页的结构,即确定网页内容的布局和各个元素的位置。HTML(HyperText Markup Language,超文本标记语言)是由W3C组织负责...
2. **文档类型定义(DTD)**:XHTML文档通常需要声明一个DTD,如`<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">`,这确保了文档...
1. HTML基本结构:了解HTML文档的基本组成,包括文档类型声明、头部元素(head)、主体元素(body)以及各种常用标签,如段落(p)、标题(h1~h6)、链接(a)、图像(img)等。 2. HTML5新特性:学习HTML5引入的...
1. HTML基础:如何使用各种HTML标签来构建网页的基本结构,例如文档类型声明、头部(head)和主体(body)部分,以及表单、图片、链接、列表、表格等元素的使用。 2. CSS基础:解释CSS的语法、如何将样式应用到HTML...
3. **头部信息**:`<head>`部分包含文档的元数据,如字符集定义和标题。 4. **主体内容**:`<body>`部分包含网页的主要内容。 5. **元信息**:`<meta>`标签用于提供关于文档的元数据,如字符编码信息。 #### 七、...
1. **文档类型声明(DOCTYPE)**:XHTML2.0定义了一个简单的文档类型声明,用于告知浏览器或其他解析器文档遵循的是XHTML2.0规范。 2. **基本元素**:XHTML2.0中包含了一系列基础元素,如`<html>`、`<head>`、`...
文档必须声明其使用的字符编码,通常是在文档头部使用`<meta>`标签来声明UTF-8编码: ```xml <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> ``` 这样可以确保浏览器正确地解释文档中的...
1. **文档类型声明**:指定文档使用的XHTML版本。 ```html <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> ``` 2. **根元素**:`<html>`...
XHTML,全称为Extensible HyperText Markup Language,即扩展超文本标记语言,是HTML(超文本标记语言)的一个版本,它结合了HTML的易用性和XML的严格性。XHTML在HTML的基础上增加了XML的规则,使得网页结构更加严谨...
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">`,而HTML的文档类型声明较为简单,如`<!DOCTYPE html>`。 4. **命名空间**:XHTML...
XHTML定义了三种主要的文件类型声明,它们分别是: 1. **XHTML Transitional**: 这是最常见的类型,允许使用HTML 4中的某些表现层特性,如`<font>`、`<center>`等,便于向XHTML过渡。 2. **XHTML Strict**: 严格...
1. **XHTML的基本结构**:XHTML文档由文档类型声明、HTML根元素、头部(head)和主体(body)四部分组成。文档类型声明通常以`<!DOCTYPE>`开头,定义文档遵循的XHTML版本。例如,XHTML 1.0 Strict的声明是`<!DOCTYPE...
- **文档类型声明**:XHTML使用特定的DOCTYPE声明。 - **命名空间**:XHTML支持XML命名空间。 #### 五、图书评价摘要 多位业内专家对本书给予了高度评价: - **Danny Goodman**称赞本书为“现代Web页面标记和呈现...
在《深入浅出HTML》中,读者将了解到如何创建基本的HTML文档结构,包括文档类型声明、头部、主体和尾部,以及如何使用段落、标题、列表、链接等元素组织内容。 CSS(Cascading Style Sheets)则是用于控制网页外观...