HTML、XHTML 和 XML 这三兄弟的区别
- HTML: 老大哥，负责网页长啥样，性格比较随和，有点小错误也能容忍。
- XHTML: 二哥，看着像 HTML，但规矩严，是按 XML 的规矩来的 HTML，更规范。
- XML: 小弟，负责存储和传输数据，非常灵活，标签可以自己随便定，但规矩最严。
它们仨长啥样？（代码示例）
1. HTML (HyperText Markup Language)
- 用途: 定义网页的内容和结构。
- 特点: 语法相对宽松，不区分大小写，标签可以不闭合（虽然不推荐）。
<!DOCTYPE html> <!-- 文档类型声明 -->
<html>
<head><title>HTML 示例</title>
</head>
<BODY> <!-- 大写也能认 --><h1>这是一个 HTML 标题</h1><p>这是一个段落。注意看，我没写结束标签 <P><img src="image.jpg" alt="示例图片"> <!-- 空标签可以不自闭合 --><br> <!-- 换行 --><P>浏览器通常也能凑合显示。</p> <!-- 大写也能认 -->
</BODY>
</html>
2. XHTML (Extensible HyperText Markup Language)
- 用途: HTML 的 XML 版本，目标是让网页结构更严谨。
- 特点: 必须遵循 XML 的严格语法规则。
- 标签必须小写。
- 所有标签必须闭合（包括空标签，如
<br />）。 - 属性值必须用引号（单或双）括起来。
- 必须正确嵌套。
- 必须有根元素 (
<html>)。 - 必须有
DOCTYPE声明，且比 HTML 更严格。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!-- 严格的 DOCTYPE -->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh"> <!-- 根元素，带命名空间 -->
<head><title>XHTML 示例</title> <!-- 必须小写 -->
</head>
<body><h1>这是一个 XHTML 标题</h1><p>这是一个段落。标签必须小写且闭合。</p> <!-- 必须闭合 --><img src="image.jpg" alt="示例图片" /> <!-- 空标签必须自闭合 --><br /> <!-- 空标签必须自闭合 --><p>语法非常严格。</p>
</body>
</html>
3. XML (Extensible Markup Language)
- 用途: 主要用于存储和传输数据，而不是展示。它的重点在于数据的结构。
- 特点:
- 没有预定义标签，标签是你自己根据数据需求自定义的。
- 语法极其严格，必须“格式良好”（Well-f