|
HTML融入了许多XML规范，XHTML与HTML 4.01标准没有太多的不同，你只需要注意以下几点，并养成良好的习惯就可以从HTML转变为XHTML。
- XHTML元素必须被正确地嵌套。
- XHTML元素必须被关闭。
- 标记名和属性名必须用小写。
- 属性值必须加引号。
- 属性不能简写。
- 使用XHTML DTD声明文档类型。
另外，有些使用方法在XHTML中不鼓励使用，虽然现在的版本还支持，但应该尽量避免使用。
1、XHTML元素必须被正确地嵌套
在HTML中，某些元素可以像这样彼此不正确地嵌套：
<b><i>This text is bold and italic</b></i>
在XHTML中，所有元素必须彼此正确地嵌套：
<b><i>This text is bold and italic</i></b>
2、XHTML元素必须被关闭
在XHTML中，所有成对儿的标记必须要保留结束标记，不能只写开始标记。比如：
<p>This is a paragraph
上面的写法中，<p>标记没有关闭，正确的写法是：
<p>This is a paragraph</p>
在XHTML中，所有单个的标记也必须关闭。比如：<br>应写为<br />，<img href="t.gif">应写为<img href="t.gif" />等。
注意：有些版本的浏览器不能识别类似<br/>的标记，但在“/>”前加个空格就能识别了，所以应写为<br />。
3、标记名和属性名必须用小写
<P ALIGN="CENTER">This is a paragraph</P>
上面的写法中，标记名p、属性名align都应该改成小写。
4、属性值必须加引号
<img href="t.gif" width="80" onclick="setImg('t.gif')" />
上面的写法中，各属性值的引号不能省略。如果属性值内部需要引号，可以改为单引号进行分界（注：也可以外面用单引号，内部用双引号）。
5、属性不能简写
在HTML中，有些属性只有单一固定的值，这时可以只写属性名，不写属性值，但在XHTML中应该完整书写。如：
<input type="radio" checked>
checked是一个简写的属性，在XHTML中应该改为：
<input type="radio" checked="checked" />
与此类似的属性还有 readonly、noresize、selected、disable 等。
6、使用XHTML DTD声明文档类型
在每个XHTML文档中都必须使用XHTML DTD声明文档的类型，这才能保证你制作的是XHTML网页。
|
 HTML/XHTML文档结构
|
|
以下是HTML 4.01文档结构：
<! doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
</head>
<body>
</body>
</html>
以下是XHTML 1.0文档结构：
<! doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
</body>
</html>
doctype就是文档类型声明，前者声明文档是HTML 4.01，后者声明文档是XHTML 1.0。
在doctype声明中，声明了文档的根元素是 html，它在公共标识符被定义为 "-//W3C//DTD XHTML 1.0 Transitional//EN" 的DTD中进行了定义。浏览器将明白如何寻找匹配此公共标识符的DTD。如果找不到，浏览器将使用公共标识符后面的URL作为寻找DTD的位置。
注：doctype并非XHTML文档自身组成部分，它不是XHTML元素，不需要关闭。
<html>...</html>是文档的开始和结束，所有文档内容都放在这个区域里。
<head>...</head>是文档的头部，文档的说明和参数定义放在这个区域里。
<body>...</body>是文档的主体，需要在浏览器中显示的内容都放在这个区域里。
|
分享到：
相关推荐
**XHTML 与 HTML 之间的差异** 在Web开发中，XHTML（Extensible HyperText Markup Language）和HTML（HyperText Markup Language）都是用于创建...尽管如此，理解XHTML与HTML之间的差异仍然是Web开发人员的基本功。
在探讨如何将HTML文档转换为XHTML的过程中，我们需要首先理解HTML与XHTML之间的差异以及XHTML的基本要求。HTML（HyperText Markup Language）是用于创建网页的标准标记语言，而XHTML（Extensible HyperText Markup ...
在阅读《HTML与XHTML权威指南(第五版)》这本书时，不仅可以系统地学习这两种语言，还可以了解到最新的Web标准和最佳实践。同时，科技文献检索资源网站提供的下载资源，为学习者提供了宝贵的自学材料。鼓励大家互相...
- XHTML与HTML的区别：对比XHTML和HTML在标签闭合、命名规则等方面的差异。 - XHTML的结构和语法：学习如何编写符合XHTML标准的代码，包括正确的元素嵌套和属性引用。 5. **网页优化与兼容性**： - 响应式设计：...
虽然HTML和XHTML在很多方面相似，但它们之间存在一些关键的差异。 **HTML的起源与发展** HTML自1990年代初由蒂姆·伯纳斯-李发明以来，经历了一系列版本的更新。从HTML 1.0到HTML 4.01，这些版本逐渐完善了语义和...
HTML和XHTML之间的关键区别在于语法严谨性。HTML允许一定程度的自由度，使得初学者更容易上手，而XHTML的严格性有助于生成更清洁、更一致的代码，这对于自动化处理和数据交换是有益的。此外，XHTML与XML的兼容性使其...
- 添加适当的CSS reset代码，消除不同浏览器之间的默认样式差异。 - 对于图片，可以将其保存为独立文件并引用到HTML中，以保持图片质量。 - 使用条件注释或特性检测，为不同浏览器提供特定的样式修复。 提供的`...
总结来说，HTML与XHTML的区别主要体现在语法严谨性和XML兼容性，而HTML4与HTML5的差异则在于语义化、标签的简化与更新，以及对多媒体和交互功能的支持。理解这些差异对于现代Web开发至关重要，因为它们直接影响着...
本文将深入探讨HTML与XHTML的基本概念、它们之间的差异以及如何正确使用HTML标签。 #### 二、什么是HTML？ HTML是一种用于创建网页的标准标记语言。它通过一系列预定义的标签来描述网页的内容和结构。这些标签可以...
2. **HTML与XHTML的区别**：理解两者之间的差异，比如XHTML对标签的严格要求、元素命名的规范性以及XML的语法规则的引入，这些都是学习过程中的关键点。 3. **DOM（Document Object Model）**：DOM是HTML和XML文档...
首先，让我们了解Word文件和PDF、HTML之间的差异。Word文件（.doc或.docx）是Microsoft Office套件中的文档格式，它支持丰富的文本格式、图片、表格和页眉页脚等元素。然而，不同操作系统和软件版本可能对Word文件的...
XHTML 教程一主要面向初学者，旨在介绍 XHTML 的基本概念、与 HTML 的差异以及为何应学习和使用 XHTML。XHTML，即可扩展超文本标记语言，是 HTML 的一个进化版，它结合了 HTML 的易用性和 XML 的严格结构。W3C 在...
首先，我们需要了解HTML和PDF之间的差异。HTML是一种标记语言，用于构建和呈现网页，而PDF（Portable Document Format）是一种静态的文档格式，旨在保持内容的原始布局和样式。转换过程中，我们需要确保HTML的样式、...
XHTML 教程 XHTML 是更严谨更纯净的 HTML 版本。 在此教程中，我们会为您讲解 HTML 与 XHTML 之间的差异，同时也会为您展示将该站点升级到 XHTML 的方法。
XHTML与HTML4之间存在着显著的差异，这些差异主要体现在语法严格性和数据格式的一致性上。在HTML4中，标签名、属性名以及预定义属性值的大小写并不敏感，例如`<BODY>`、`<Body>`和`<body>`被视为等价。而在XHTML中，...
在探讨XHTML与CSS需要掌握的八个问题时，我们深入剖析每个知识点，旨在为开发者提供实用的指导，尽管效果可能因具体环境而异，但理解并应用这些原则将极大提升网页设计的质量与效率。 ### 1. 验证工具：W3C XHTML/...
在学习HTML4、HTML5和XHTML时，了解它们之间的关系和差异至关重要。HTML4是基础，而HTML5引入了更多现代网页开发所需的功能。XHTML则是一种更加严格的编码规范，有助于提高代码质量和兼容性。对于开发者来说，掌握...