当前位置：首页 > news >正文

HTML、XHTML 和 XML区别

news 来源：原创 2025/7/4 21:00:15

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-formed）。
- 必须有且只有一个根元素。
- 所有标签必须闭合。
- 区分大小写。
- 属性值必须加引号。
- 必须正确嵌套。

<?xml version="1.0" encoding="UTF-8"?> <!-- XML 声明 -->
<note> <!-- 根元素 (自定义) --><to>小明</to> <!-- 自定义标签 --><from>小红</from><heading>提醒</heading><body>周末别忘了咱们的约定！</body><priority level="high" /> <!-- 自定义属性，空标签自闭合 -->
</note>

快速区分流程图（文字版）

流程解读:

你的目的是什么？
展示网页内容？
- 是 -> 需要严格的语法和 XML 兼容性吗？
  - 是 -> 用 XHTML (重点：基于XML，语法严格)
  - 否 -> 用 HTML (重点：用于网页展示，语法宽松)
- 否 -> 需要存储或传输结构化数据吗？
  - 是 -> 用 XML (重点：用于数据，标签自定义，语法极严)
  - 否 -> 考虑其他数据格式 (JSON 等)。

核心区别总结 (划重点!)

特性	HTML (超文本标记语言)	XHTML (可扩展超文本标记语言)	XML (可扩展标记语言)
主要用途	网页内容展示与结构	更严格的网页内容展示与结构	数据存储与传输
语法规则	宽松, 浏览器容错性强	严格, 必须符合 XML 规范	非常严格, 必须格式良好 (Well-formed)
标签	预定义, 不区分大小写	预定义 (同HTML), 必须小写	自定义, 区分大小写
闭合标签	部分标签可省略闭合	所有标签必须闭合 (空标签用 `/>`)	所有标签必须闭合 (空标签用 `/>`)
属性值	引号有时可省略	必须用引号	必须用引号
根元素	`<html>`	`<html>` (带 `xmlns` 命名空间)	必须有且只有一个根元素
DOCTYPE	需要, 相对简单	必须, 且更复杂严格	不需要 (但可以有 DTD 或 Schema 定义结构)
可扩展性	有限	有限	高度可扩展 (自己定义标签)
目标	人类可读, 浏览器能渲染	机器更容易解析, 跨平台兼容性更好	机器可读, 数据交换

总结

HTML: 虽然浏览器很宽容，但写规范的 HTML（小写标签、闭合标签、属性加引号）总是好习惯，也方便向 XHTML 过渡或被工具处理。避免像示例中那样大小写混用或不闭合标签。
XHTML: 现在用得相对少了。HTML5 已经吸收了它的一些优点，并且更灵活。如果你不是有特定需求（比如需要严格的 XML 处理流程），直接用 HTML5 通常更方便。
XML: 非常适合定义清晰的数据结构，尤其是在需要验证数据格式（配合 DTD 或 XSD Schema）的场景。但对于简单的数据交换，JSON 通常更轻量、易读。

拓展学习

HTML5: 了解 HTML 的最新标准，它引入了许多新标签（如 <article>, <section>, <nav>, <video>, <audio>）和 API，并且在语法上比 XHTML 更灵活，同时推荐编写良好格式的代码。
CSS (Cascading Style Sheets): HTML/XHTML 负责结构，CSS 负责样式（颜色、布局、字体）。它们是网页开发的黄金搭档。
JavaScript: 让网页动起来，处理用户交互、数据请求等。
JSON (JavaScript Object Notation): 目前最流行的数据交换格式之一，比 XML 更简洁，尤其在 Web API 中广泛使用。了解它和 XML 的优缺点及适用场景。
DTD (Document Type Definition) / XSD (XML Schema Definition): 如果你深入使用 XML，需要了解如何定义 XML 文档的结构和规则，确保数据的一致性和有效性。

HTML、XHTML 和 XML区别

HTML、XHTML 和 XML 这三兄弟的区别 HTML: 老大哥，负责网页长啥样，性格比较随和，有点小错误也能容忍。XHTML: 二哥，看着像 HTML，但规矩严，是按 XML 的规矩来的 HTML，更规范。XML: 小弟&#xf…...

编程日记 2025/7/4 21:00:15

形象解释 HTTP 的四种常见请求方式及其中的区别联系

HTTP 的常见请求方式常见的有四种：GET、POST、PUT、DELETE，它们各自的功能不一样。 🍜 场景比喻：HTTP 请求像“去餐厅点菜” 请求方式行为餐厅比喻说明GET获取数据看菜单/问服务员：你们有什么菜？不带食材、…...

编程日记 2025/7/4 20:29:53

微信小程序根据图片生成背景颜色有效果图

效果图取得是图片中间10个像素算出背景颜色 .wxml <canvas type"2d" id"imageCanvas" style"--w: {{w}}px;--h: {{h}}px;" /> <view style"background: {{backgroundColor}};"><image bind:tap"updateIndex&qu…...

编程日记 2025/6/29 10:04:54

实时步数统计系统 kafka + spark +redis

基于微服务架构设计并实现了一个实时步数统计系统，采用生产者-消费者模式，利用Kafka实现消息队列，Spark Streaming处理实时数据流，Redis提供高性能数据存储，实现了一个高并发、低延迟的数据处理系统，支持多…...

编程日记 2025/6/29 9:21:45

使用 Docker 安装 SQL Server 2022 并解决 Navicat 连接问题

在使用 Docker 安装 SQL Server 时，很多人可能遇到过无法通过 Navicat 等数据库客户端连接到容器的情况。尤其是尝试使用 mcr.microsoft.com/mssql/server:2022-latest 镜像时，可能会发现 Navicat一直转圈，无法连接到数据库。在这篇博客中&am…...

编程日记 2025/6/29 12:09:31

使用 Node、Express 和 MongoDB 构建一个项目工程

本文将详细介绍如何使用 Node.js Express MongoDB 构建一个完整的 RESTful API 后端项目，涵盖： 项目初始化 Express 服务器搭建 MongoDB 数据库连接 REST API 设计（CRUD 操作） 错误处理与中间件源码结构与完整代码部署建…...

编程日记 2025/7/4 20:17:02

基本元器件电阻、电容、电感的高频知识和大厂真题解析

本文首先举例分析各个方向的工程师如何定制化准备硬件岗位面试，各个击破；然后根据实战经验总结硬件领域中电阻电容电感等的主要笔试、面试高频考题考点；最后，列出最新最全的基本元器件笔试面试的真题和模拟题，供大家参考。本专栏预计更新50期左右。当前第3期一、硬件…...

编程日记 2025/6/29 9:22:56

Unity InputSystem触摸屏问题

最近把Unity打包后的windows软件放到windows触摸屏一体机上测试，发现部分屏幕触摸点击不了按钮，测试了其他应用程序都正常。这个一体机是这样的，一个电脑机箱，外接一个可以触摸的显示屏，然后UGUI的按钮就间歇性点不了…...

编程日记 2025/6/29 11:02:54

分布式微服务架构,数据库连接池设计策略

在分布式微服务架构中，数据库连接池的设计远比单体应用复杂，涉及资源隔离、连接管理、性能调优和高可用等问题。下面是面向专业软件架构师的系统化分析与策略建议： 一、核心挑战每个服务独立运行，连接池分散每个微服务维护自己的…...

编程日记 2025/7/4 20:54:26

差分信号抗噪声原理：

差分信号抗噪声原理： 差分信号除了能很好地解决发送和接收参考点电位不同的问题外，差分信号的另一个重要优势就是在一定条件下其抗干扰能力比单端信号更强。对于单端信号传输，外界对它的干扰噪声直接叠加在信号上，接收端直接检测输…...

编程日记 2025/6/29 11:13:23

【数据分析】酵母实验多指标数据的 R 语言分析与可视化

禁止商业或二改转载，仅供自学使用，侵权必究，如需截取部分内容请后台联系作者! 文章目录介绍加载必要的R包数据下载定义函数发育分析（development analysis）数据导入与预处理数据子集创建绘图模型分析两两比较生存分析（survival analysis）数据导入与预处理数据子集创建绘…...

编程日记 2025/6/29 11:30:03

AI | 最近比较火的几个生成式对话 AI

关注：CodingTechWork 引言生成式对话 AI 正在迅速改变我们与机器交互的方式，从智能助手到内容创作，其应用范围广泛且深远。本文将深入探讨几款当前热门的生成式对话 AI 模型，包括 Kimi、DeepSeek、ChatGPT、文心一言、通义千问和…...

编程日记 2025/6/29 11:25:12

将视频生成视频二维码步骤

如何将视频链接生成二维码生成与视频关联的二维码通常涉及以下几个方面：选择合适的库或工具、准备视频链接以及将其转换为二维码图像。以下是详细的说明： 使用JavaScript/Vue框架生成二维码在前端开发中，可以使用 qrcode 或者 vue-qrcod…...

编程日记 2025/6/29 19:37:06

以安科瑞 EMS3.0 为依托，打造网荷储充一体化典范

在“双碳”目标与能源革命的浪潮中，安科瑞电气股份有限公司推出的EMS3.0微电网智慧能源平台，以“源-网-荷-储-充”全链路协同为核心，通过物联网、大数据与AI技术的深度融合，为企业提供了一套智能化、高效化、低碳化的能源管理解决…...

编程日记 2025/6/29 11:09:34

堆和二叉树--数据结构初阶(3)(C/C++)

文章目录前言理论部分堆的模拟实现:(这里举的大根堆)堆的创建二叉树的遍历二叉树的一些其他功能实现作业部分前言这期的话讲解的是堆和二叉树的理论部分和习题部分理论部分二叉树的几个性质:1.对于任意一个二叉树，度为0的节点比度为2的节点多一个 2.对于完全…...

编程日记 2025/6/29 11:24:45

CLIP和SimCLR集成到图像-文本检索系统技术实现步骤和部署方案（代码版）

将 CLIP（多模态对比学习）和 SimCLR（单模态对比学习）集成到图像-文本检索系统（如搜索引擎、电子商务平台）的技术实现步骤和部署方案，结合代码示例与工程化思路： ### 一、技术实现核心步骤 1. 环境搭建与依赖安装 # 安装 PyTorch（支持 GPU 加速） pip install torch…...

编程日记 2025/7/4 20:29:54

R/G-B/G色温坐标系下对横纵坐标取对数的优势

有些白平衡色温坐标系会分别对横纵坐标取对数运算。这样做有什么优势呢？我们知道对数函数对0-1之间的因变量值具有扩展作用。即自变量x变化比较小时，经过对数函数作用后可以把因变量扩展到较大范围内，即x变化较小时，y变化较大，增加了识别数据的识别性。由于Raw数据中的…...

编程日记 2025/7/4 20:56:46

Java开发工具IntelliJ IDEA v2025.1——全面支持Java 24、整合AI

IntelliJ IDEA 是由 JetBrains 开发的智能 Java IDE，提供代码自动补全、重构工具、框架集成（Spring/JPA 等）、数据库工具和调试支持，通过深度代码分析与跨语言功能优化企业级开发流程，被广泛认可为专业 Java 开发者的高…...

编程日记 2025/7/4 20:15:08

IDEA启动报错Failed to create JVM. JVM path的解决办法

今天修改了 IntelliJ IDEA 2023.1 的配置文件 idea64.exe.vmoptions 后启动报错： if you already hava a JDK installed, define a JAVA_HOME variable in Computer > Systen Properties > System Settings > Environment Variables.Failed to create JV…...

编程日记 2025/7/4 20:25:03

R语言中的常用内置函数

常用的数值函数常用的字符函数与概率分布相关的函数有用的统计函数数据来源:《数据挖掘与数据分析：基于R语言》王阳 2024年1月出版...

编程日记 2025/6/29 9:21:49

docker容器监控自动恢复

关于实现对docker容器监控以及自动恢复，这里介绍两种实现方案。方案1： 实现思路： 找到（根据正则表达式）所有待监控的docker容器，此处筛选逻辑根据docker运行状态找到已停止（Exit）类…...

编程日记 2025/6/29 9:21:36

【记录手贱bug日常】IDEA 配置vmoptions后打不开，重新安装，删注册表均无用

今天早上来公司，闲着没事优化优化自己的"锄头"idea，然后想着看看idea用的啥垃圾回收器，后来手动改成了-XX:UseG1GC，满心欢喜觉得没什么问题，直接删除缓存重启，结果不出意料的出问题了&#xff0c…...

编程日记 2025/6/29 9:21:35

STM32F407使用ESP8266实现阿里云OTA（中）

文章目录前言一、程序分析二、程序讲解1. main函数2. Get_Version()函数3. esp_Init()函数4. Check_Updata()函数结语前言从上一章STM32F407使用ESP8266实现阿里云OTA（上）中我们已经对连接阿里云和从阿里云获取升级包的流程非常的熟悉了。所以本章我们进行STM32的程序开发…...

编程日记 2025/7/4 20:34:35

如何利用快照与备份快速恢复服务器的数据

在服务器上利用**快照（Snapshot）**和**备份（Backup）**快速恢复数据，可显著减少停机时间并确保业务连续性。以下是具体操作步骤和最佳实践： --- ### **1. 快照（Snapshot）恢复** **适…...

编程日记 2025/6/29 10:50:20

【Leetcode 每日一题】2799. 统计完全子数组的数目

问题背景给你一个由正整数组成的数组 n u m s nums nums。如果数组中的某个子数组满足下述条件，则称之为完全子数组 ： 子数组中不同元素的数目等于整个数组不同元素的数目。返回数组中完全子数组的数目。子数组是数组中的一个连续非空序…...

编程日记 2025/7/4 20:30:45

主流操作系统对比分析（macOS、Linux、Windows、Unix）

主流操作系统对比分析（macOS、Linux、Windows、Unix） 一、系统基本介绍系统核心特点典型代表macOS苹果公司开发，基于 Unix（BSD），闭源，专为苹果硬件优化，强调用户体验和设计美学。m…...

编程日记 2025/7/4 20:25:02

Qt使用 SQLite 数据库的基本方法

在 Qt 中，使用 SQLite 数据库的基本方法与 MySQL 类似，但 SQLite 是一个轻量级的嵌入式数据库，通常不需要外部数据库服务器。你可以直接在本地磁盘上操作 SQLite 数据库文件。 1. 安装 SQLite 驱动通常，Qt 默认包含了对 SQLite…...

编程日记 2025/7/4 20:18:06

【刷题系列】LeetCode消失的数字、轮转数组

文章目录 1、消失的数字1.1 题目描述1.2 题目分析 2、轮转数字2.1 题目描述2.2 题目分析 1、消失的数字原题链接：消失的数字 1.1 题目描述数组nums包含从0到n的所有整数，但其中缺了一个。请编写代码找出那个缺失的整数。你有办法在O(n)时间内完成吗…...

编程日记 2025/6/29 11:09:26

Unreal Niagara制作SubUV贴图翻页动画

SubUV翻页动画是游戏中的常见功能，通过对每一小块UV进行移动可以模拟动画效果，接下来对下图进行SubUV动画的制作。 (金币测试图下载地址：https://download.csdn.net/download/grayrail/90684422） 最终效果如下： 1.…...

编程日记 2025/7/4 20:15:08

【C++】模版初阶：函数模板、类模板

文章目录一、为什么要使用模板二、什么是函数模板1、函数模板（1）概念（2）格式（3）原理（4）函数模板的实例化（5）模板参数的匹配原则 2、类模板（1&…...

编程日记 2025/7/4 20:46:16

Kotlin基础知识全面解析(下)

文章目录第六章：集合与函数式编程6.1 集合概述6.2 集合操作6.3 序列第七章：协程与异步编程7.1 协程基础7.2 挂起函数7.3 异步与等待7.4 协程上下文与调度器第八章：Kotlin标准库8.1 作用域函数let函数run函数with函数apply函数also函数 8.2…...

编程日记 2025/7/4 20:13:07

NVIDIA高级辅助驾驶安全报告解析

近期参加了NVIDIA高级辅助驾驶开发者实验室，读了NVIDIA的高级辅助驾驶安全报告白皮书，里面涉及了不少有意思的内容，大致分享下英伟达在高级辅助驾驶领域的安全性上的工作。最令人印象深刻的是NVIDIA提出的"四大支柱"架构&#x…...

编程日记 2025/7/4 20:11:46

HarmonyOS：一多能力介绍：一次开发，多端部署

概述如果一个应用需要在多个设备上提供同样的内容，则需要适配不同的屏幕尺寸和硬件，开发成本较高。HarmonyOS 系统面向多终端提供了“一次开发，多端部署”（后文中简称为“一多”）的能力，可以基于一种设计…...

编程日记 2025/7/4 20:27:52

位运算题目：解码异或后的排列

文章目录题目标题和出处难度题目描述要求示例数据范围解法思路和算法代码复杂度分析题目标题和出处标题：解码异或后的排列出处：1734. 解码异或后的排列难度 6 级题目描述要求有一个整数数组 perm \texttt{perm} perm，是前…...

编程日记 2025/7/4 20:18:07

elasticsearch查询中的特殊字符影响分析

大家先看一个执行的dsl 查询sql,大致的意思是排除某些分类下的商品 GET /productinfos/_search {"from": 0,"query": {"bool": {"must": [{"exists": {"field": "minprice"}},{"bool": {&qu…...

编程日记 2025/7/4 20:21:49

Django创建的应用目录详细解释以及如何操作数据库自动创建表

创建好Django项目后如果要创建 python manage.py startapp 模块名模块使用我创建一个system模块后是注意:urls是我自己建的文件 1.migrations目录存放数据库的迁移文件,当models.py中模型定义发生变化时，通过迁移操作能同步数据库结构变化 __init__ 使该目录…...

编程日记 2025/6/29 12:23:33

Visual Studio Code 使用tab键往左和往右缩进内容

使用VSCode写东西，经常遇到多行内容同时缩进的情况，今天写文档的时候就碰到，记录下来： 往右缩进选中多行内容，点tab键，会整体往右缩进： 往左缩进选中多行内容，按shifttab&am…...

编程日记 2025/6/29 10:59:20

数据结构算法复杂度介绍

数据结构：互相之间存在一种或者多种特定元素的集合，在逻辑上分为线性结构，散列结构，、树形结构、图形结构等。算法：求解具体问题的步骤描述，代码上表现出来是解决特定问题的一组有限的指令序列。简单来说…...

编程日记 2025/6/29 10:50:55

SiamMask中的分类分支、回归分支与Mask分支，有何本质差异？

SiamMask中的分类分支、回归分支与Mask分支，有何本质差异？ 一、引言二、分支定位与任务目标三、网络结构与感受野设计3.1 分类分支（Classification Head）3.2 回归分支（Regression Head）3.3 Mask分支&#x…...

编程日记 2025/6/29 11:22:25

使用 Typora + PicGo + Gitee/GitHub 构建 Markdown 图床技术方案

使用 Typora PicGo Gitee/GitHub 构建 Markdown 图床技术方案 AuthorDateVersionNoteTao Wang2025-04-24V1.0Release the document. 文章目录使用 Typora PicGo Gitee/GitHub 构建 Markdown 图床技术方案前言核心概念解析图床技术原理环境搭建基础工具清单软件安装流程 …...

编程日记 2025/6/29 9:22:55

问道数码兽怀旧剧情回合手游源码搭建教程（反查重优化版）

本文将对"问道数码兽"这一经典卡通风格回合制手游的服务端部署与客户端调整流程进行详细拆解，适用于具备基础 Windows 运维和手游源码调试经验的开发者参考使用。教程以实战为导向，基于原始说明内容重构优化，具备较高的内容查重避重…...

编程日记 2025/6/29 10:29:21

Electron Forge【实战】百度智能云千帆大模型 —— AI聊天

1. 获取 Access Key 与 Secret Key 登录百度智能云 https://login.bce.baidu.com/ 2. 安装node.js sdk npm install baiducloud/qianfan3. src/main.ts import { setupIPC } from "./ipc";在 const mainWindow 之后 setupIPC(mainWindow);4. src/ipc.ts import { ipc…...

编程日记 2025/6/29 10:44:55

机器人操作中的生成式 AI：综述（下）

25年3月来自香港大学、香港理工、香港科大、浙大和清华大学的论文“Generative Artificial Intelligence in Robotic Manipulation: A Survey”。本综述全面回顾机器人操作领域生成学习模型的最新进展，并探讨该领域的关键挑战。机器人操作面临着关键瓶颈&#xff…...

编程日记 2025/6/29 10:29:36

把一个 PyTorch 的图像张量转换成 NumPy 格式，并按照正确的维度顺序显示出来

示例代码： plt.imshow(np.transpose(tensor_denorm.numpy(), (1, 2, 0)))它的作用是：把一个 PyTorch 的图像张量转换成 NumPy 格式，并按照正确的维度顺序显示出来。 🚀 一步步解释： ✅ tensor_denorm 这是一个形状为…...

编程日记 2025/6/29 9:23:34

windows上的RagFlow+ollama知识库本地部署

一、 docker的安装与部署 1. 下载Docker Desktop 访问Docker官网并下载适用于Windows的Docker Desktop安装程序。 RagFlow对docker的要求： Docker ≥ 24.0.0 & Docker Compose ≥ v2.26. docker 下载地址： https://www.docker.com/ Get Docker | D…...

编程日记 2025/6/29 10:18:18

【docker】 pull FROM build

镜像拉取失败 token问题 DeadlineExceeded: failed to fetch anonymous token Get "https://auth.docker.io/token?...": dial tcp 157.240.20.8:443: i/o timeout1. 检查网络连通性如果 curl 命令卡住或超时，说明网络到 Docker Hub 存在问题。 ping regt-1.doc…...

编程日记 2025/6/29 11:06:08

【数据分析实战】使用 Matplotlib 绘制玫瑰图

🌹 1、简述玫瑰图，又称极坐标柱状图（Polar Bar Chart），是一种特殊的条形图，适用于展示方向型数据，例如：风向频率图（Wind Rose）每月、每日不同类别统计圆形时间序列展示（如12个月销售量分布）在本篇博客中，我们将使用 matplotlib 画出玫瑰图，包括基本玫瑰图、多…...

编程日记 2025/6/29 12:08:52