HTML、XHTML 和 XML区别

news2025/4/25 14:46:33

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)