1. XHTML 是什么？
- 可扩展性： XHTML 是可扩展标记语言（XML）的应用，支持自定义标签。
- 模块性： XHTML 把文档分割成模块，每个模块负责特定的功能。
2. XHTML 与 HTML 的主要区别
- 文档结构： XHTML 文档需要遵循 XML 的严格结构，包括有一个根元素。
- 标签闭合： 所有的标签都必须被正确地嵌套和闭合。
- 属性引号： 所有属性值必须使用引号括起来。
3. 基本文档结构
一个简单的 XHTML 文档由 <!DOCTYPE> 声明和根元素 <html> 组成。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>My XHTML Document</title>
</head>
<body>
<!-- 页面内容 -->
</body>
</html>
4. XHTML 标签
XHTML 包含 HTML 中的标签，并且支持 XML 的命名空间。以下是一些常见的 XHTML 标签：
- <p>：段落
- <a>：超链接
- <img>：图像
- <ul>、<ol>、<li>：列表
- <table>、<tr>、<td>：表格
5. 标签属性
XHTML 属性必须使用引号括起来，并且属性名和属性值之间要用等号连接。
<a href="https://www.example.com" title="Visit Example">Visit Example</a>
6. 表单和输入元素
XHTML 中的表单和输入元素的使用方式与 HTML 类似，但需要更加严格的结构。
<form action="process-form.php" method="post">
<label for="username">Username:</label>
<input type="text" id="username" name="username" />
<label for="password">Password:</label>
<input type="password" id="password" name="password" />
<input type="submit" value="Submit" />
</form>
7. 验证 XHTML 文档
使用验证工具可以确保你的 XHTML 文档符合规范。W3C 提供了在线验证工具：[W3C Markup Validation Service](https://validator.w3.org/)。
8. 总结
XHTML 强调文档的结构和模块化，它是 HTML 的一种更加严格和可扩展的版本。理解 XHTML 有助于创建更加标准和兼容的网页。在实际项目中，你可能会使用 HTML5，但了解 XHTML 仍然是有益的，尤其是在维护和升级旧系统时。
转载请注明出处：http://www.pingtaimeng.com/article/detail/3589/XHTML