XML与HTML的区别汇总

XML的基本格式规则

  • 主要规则:

    • XML文档必须格式良好(well-formed)
    • 所有标签必须关闭
    • 标签名称区分大小写
    • HTML内容需要转义
    • 属性值必须使用引号
    • 不能有交叉嵌套
  • XML声明(可选但推荐):

xml 复制代码
<?xml version="1.0" encoding="UTF-8"?>
  • 根元素:
    • 必须有且只有一个根元素
    • 所有其他元素都必须在根元素内
xml 复制代码
<root>
    <!-- 所有其他元素 -->
</root>
  • 元素规则:
    • 必须有开始和结束标签
    • 标签区分大小写
    • 标签名不能包含空格
xml 复制代码
<element>内容</element>
<emptyElement></emptyElement>
<!-- 或自闭合标签 -->
<emptyElement/>
  • 属性规则:
    属性值必须用引号(单引号或双引号)
xml 复制代码
<element attribute="value">
<item id="1" name="example">
  • 嵌套规则:
    元素必须正确嵌套,不能交叉
xml 复制代码
<!-- 正确 -->
<outer><inner>内容</inner></outer>

<!-- 错误 -->
<outer><inner>内容</outer></inner>
  • 特殊字符转义:
xml 复制代码
&lt;    表示 <
&gt;    表示 >
&amp;   表示 &
'  表示 '
&quot;  表示 "
  • 注释:
xml 复制代码
<!-- 这是XML注释 -->
  • 完整示例:
xml 复制代码
<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
    <channel>
        <title>频道标题</title>
        <link>https://example.com</link>
        <description>频道描述</description>
        <item>
            <title>文章标题</title>
            <link>https://example.com/article</link>
            <description>文章描述&lt;br/&gt;包含HTML需要转义</description>
            <pubDate>发布日期</pubDate>
            <author>作者</author>
        </item>
    </channel>
</rss>

XML和HTML的区别

用途对比:

  • HTML:专门用于显示数据和网页展示,更注重实用性和容错性
  • XML:用于存储和传输数据,更注重规范性和可扩展性,是一种通用的数据格式

标签规则:

html 复制代码
<!-- HTML: 预定义标签 -->
<p>段落</p>
<div>区块</div>
<span>行内元素</span>
xml 复制代码
<!-- XML: 自定义标签 -->
<书籍> 
	<标题>XML教程</标题> 
	<作者>张三</作者>
</书籍>

语法严格性:

html 复制代码
<!-- HTML: 语法相对宽松 -->
<p>可以不关闭标签
<br>可以单标签
<div>标签可以交叉<p></div></p>
xml 复制代码
<!-- XML: 语法严格 -->
<paragraph>必须关闭标签</paragraph>
<line-break/>必须自闭合
<outer><inner>不允许交叉嵌套</inner></outer>

大小写敏感性:

html 复制代码
<!-- HTML: 不区分大小写 -->
<DIV>等同于<div>
xml 复制代码
<!-- XML: 区分大小写 -->
<Name>与<name>是不同的标签

属性值规则:

html 复制代码
<!-- HTML: 属性值可以不加引号 -->
<div class=container>
<input type=text>
xml 复制代码
<!-- XML: 属性值必须加引号 -->
<element attribute="value">
<user type="admin">

空格处理:

  • HTML:多个空格会被合并为一个
  • XML:保留所有空格

文档结构:

html 复制代码
<!-- HTML: 固定的文档结构 -->
<!DOCTYPE html>
<html>
<head>
    <title>网页标题</title>
</head>
<body>
    内容
</body>
</html>
xml 复制代码
<!-- XML: 灵活的文档结构 -->
<?xml version="1.0" encoding="UTF-8"?>		
<任意根元素>
	<任意子元素> 内容 </任意子元素>
</任意根元素>

特殊字符处理:

html 复制代码
<!-- HTML: 可以直接使用特殊字符 -->
<div>< > & " '</div>
xml 复制代码
<!-- XML: 必须使用转义字符 -->
<text>&lt; &gt; &amp; &quot; '</text>

错误处理:

  • HTML:浏览器会尝试修复错误并继续渲染
  • XML:解析器遇到错误会停止处理并报错

版本兼容:

  • HTML:有多个版本(HTML4, XHTML, HTML5)
  • XML:始终保持一致的规范
相关推荐
郭老二1 小时前
【前端】vue3:编译步骤
前端
不在逃避q2 小时前
Trae/Vs Code/Cursor命令行无法跑npm命令
前端·arcgis·npm
夏殇之殁2 小时前
包中创建自定义列表项。 . 使用自定义列表项进行数据绑定 . 将天气预报数据保存到本地内存表,通过LiveBindings进行显示。 ...
服务器·前端·javascript
The Chosen One9853 小时前
高进度算法模板速记(待完善)
java·前端·算法
陈随易3 小时前
MoonBit抓包模块pcap,查看电脑的每一次联网通信
前端·后端·程序员
新中地GIS开发老师4 小时前
WebGIS开发学生作品|低空航天管理与航线规划系统
前端·javascript·webgis·三维gis开发
用户059540174464 小时前
大模型对话记忆持久化踩坑实录:用 Playwright 自动化测了 300 次,终于揪出会话丢失的真凶
前端·css
丙氨酸長鏈4 小时前
Web前端入门第 问:JavaScript 一个简单的 IndexedDB 数据库入门示例
前端·javascript·数据库
kyriewen5 小时前
面试官让我手写虚拟列表——AI生成的版本,快速滚动几下就白屏了
前端·javascript·面试
IT_陈寒5 小时前
Vite热更新失效?你可能漏了这个配置
前端·人工智能·后端