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">
如何转换现有的结构为XHTML
我们选择什么样的DOCTYPE?理想情况当然是严格的DTD,但对于我们大多数刚接触web标准的设计师来说,过渡的DTD(XHTML 1.0 Transitional)是目前理想选择(包括本站,使用的也是过渡型DTD)。因为这种DTD还允许我们使用表现层的标识、元素和属性,也比较容易通 过W3C的代码校验。
我们从现在的HTML转换为XHTML注意以下几点:
一、在每个页面的首部都加上文档类型的说明。如:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
当然可以选择其他类型的。
二、标记和name 要都用小写。
我们可以自己编写一个替换程序,将你的HTML文档中的所有的标记都换为小写字母,还有name属性也要变为小写。
三、所有的属性值都要用引号引起来。
四、单独的标签,如: <hr> , <br> and <img>,都要在后面加/来结束。在这里不建议使用诸如:<img>和</img>形式的方式,直接在其后面加/ 就可以了,如<br />。
五、我们打开W3C DTD 的官方网站:http://validator.w3.org/check/referer,验证时一般错误可能会出现在你的标签嵌套里。也可以用官方网 站提供的转换工具tidy来实现转换:http://www.w3.org/People/Raggett/tidy/,我不建议大家直接来使用该工具来 验证,因为我们毕竟是新学XHTML我们还是自己转换,这样我们可以熟悉XHTML啊,再者说我们还要学习tidy工具的使用,那样也是比较麻烦的。
六、我们直接打开下面的页面可以直接输入网址来验证我们的程序了:http://webjx.com/js/standard.htm
XHTML 的模块化
为什么要模块化设计XHTML呢?XHTML虽然简单,但是它的内容很多,包括了一个网络设计师需要的绝大多数功能。XHTML一方面内容繁多 复杂,但是从另一个角度来看它却是非常简单的。为了将XHTML分割成小的模块,W3C已经建立起了小型的已经定义好了的一系列XHTML元素,他们独立 的能被与其他XML标准合并成的大型的更复杂的程序的简单设备所使用。
通过XHTML模型,程序设计师能够做如下的事情:
1.选择那些能够被使用XHTML构建块标准的设备所支持的元素。
2.在遵循XHTML标准的同时使用XML可以对XHTML扩展。
3.简单化的XHTML可以应用于像掌上电脑、移动电话、电视和家用电器等设备。
4.通过加入心的XML功能(像声音、多媒体的)将XHTML延续到复杂程序的设计上。
5.像XHTML基本(XHTML对于移动设备的一个子集)那样来定义XHTML的轮廓。
分享到:
相关推荐
虽然HTML和XHTML在很多方面相似,但它们之间存在一些关键的差异。 **HTML的起源与发展** HTML自1990年代初由蒂姆·伯纳斯-李发明以来,经历了一系列版本的更新。从HTML 1.0到HTML 4.01,这些版本逐渐完善了语义和...
在探讨如何将HTML文档转换为XHTML的过程中,我们需要首先理解HTML与XHTML之间的差异以及XHTML的基本要求。HTML(HyperText Markup Language)是用于创建网页的标准标记语言,而XHTML(Extensible HyperText Markup ...
在本文档中,我们将详细探讨XHTML与传统HTML之间的主要区别。 #### 1. **XHTML元素必须闭合** 在XHTML中,所有的元素都必须被正确地关闭。例如,` ` 或 `<img src="example.jpg" alt="Example Image" />` 都...
**XHTML 与 HTML 之间的差异** 在Web开发中,XHTML(Extensible HyperText Markup Language)和HTML(HyperText Markup Language)都是用于创建...尽管如此,理解XHTML与HTML之间的差异仍然是Web开发人员的基本功。
本 XHTML MP 教程从对 XHTML MP 的介绍和各种标记语言, 如 WML, XHTML, XHTML Basic 和 XHTML MP, 之间的关系概览着手. 讲述了 WML 与 XHTML MP 的主要区别, XHTML MP 的语法规则和文档结构等等. 另外, 本 XHTML MP...
HTML(HyperText Markup Language)和XHTML(Extensible HyperText Markup Language)都是用于创建网页的标准标记语言,但它们之间存在一些关键的区别。XHTML可以被视为HTML与XML的结合体,它引入了更严格的语法规则...
HTML5和XHTML1.x之间的主要区别在于灵活性和兼容性。HTML5更注重易用性和浏览器支持,引入了新的元素和API,如`<canvas>`(画布)、`<video>`、`<audio>`和Geolocation API。XHTML1.x则强调规范和结构,更适合于需要...
- XHTML与HTML的区别:对比XHTML和HTML在标签闭合、命名规则等方面的差异。 - XHTML的结构和语法:学习如何编写符合XHTML标准的代码,包括正确的元素嵌套和属性引用。 5. **网页优化与兼容性**: - 响应式设计:...
- **互操作性**:由于XHTML遵循XML的标准,因此它能够与其他XML应用程序无缝集成,提高不同系统之间的数据交换效率。 - **搜索引擎友好**:良好的XHTML编码习惯有助于提升网页在搜索引擎中的排名,因为清晰的结构和...
本 XHTML MP 教程从对 XHTML MP 的介绍和各种标记语言, 如 WML, XHTML, XHTML Basic 和 XHTML MP, 之间的关系概览着手. 讲述了 WML 与 XHTML MP 的主要区别, XHTML MP 的语法规则和文档结构等等. 另外, 本 XHTML MP...
- **XHTML与HTML的区别**:XHTML更加严格地遵循XML的规则,例如要求所有标签都小写、所有的属性值都需要引号等。这有助于提高网页的兼容性和可维护性。 ### 知识点三:CSS样式设计 - **CSS概述**:CSS(Cascading ...
总结来说,HTML、XHTML、CSS和JavaScript共同构成了网页的基本框架,并通过它们之间的相互配合,可以实现一个功能强大、外观美观、交互友好的网页。学习这些技术不仅需要掌握具体的语法规则,更重要的是要理解它们在...
因此,理解XHTML和HTML之间的区别是非常重要的。 #### 三、为什么选择XHTML? 1. **标准化**:XHTML强调文档的标准化和一致性,这有助于提高网页的质量和可靠性。 2. **跨平台能力**:XHTML的文档可以在各种不同的...
HTML和XHTML之间的关键区别在于语法严谨性。HTML允许一定程度的自由度,使得初学者更容易上手,而XHTML的严格性有助于生成更清洁、更一致的代码,这对于自动化处理和数据交换是有益的。此外,XHTML与XML的兼容性使其...
XHTML(Extensible HyperText Markup Language)是HTML的一个扩展版本,它结合了HTML的易用性和XML的结构化特性,旨在提供更严谨、可扩展的网页标记语言。Ajax(Asynchronous JavaScript and XML)则是一种在无需...
XHTML的引入是为了使网页内容更加容易地在不同设备和浏览器之间移植,以适应日益增长的移动设备和Web应用程序。 知识点三:CSS入门 CSS是一种用于描述网页样式的语言,可以控制HTML元素的外观和布局。通过CSS,...