SVG是基于XML的标记语言，用于描述二维矢量图形，其代码由符合XML规范的标签构成，如定义一个红色圆形；每个SVG文件都是标准XML文档，以开头并包含根元素，浏览器通过XML解析器将其渲染为图形；由于继承XML特性，SVG具有可读性强、可搜索、可程序化操作等优势，并支持命名空间以嵌入HTML或与其他XML格式共存；此外，SVG可内联于HTML中，也可通过引入，且能用CSS和JavaScript直接操控节点，实现动态交互；其“可缩放”特性源于XML提供的结构化与灵活性，使图形在不同分辨率下保持清晰，适用于响应式设计与语义化视觉内容。
SVG（Scalable Vector Graphics，可缩放矢量图形）本质上就是一种基于 XML 的标记语言。换句话说，SVG 是 XML 的一个具体应用，专门用于描述二维图形和视觉效果。
SVG 是用 XML 语法书写的
每一个 SVG 图像都由符合 XML 规范的文本标签构成。这些标签定义了图形的形状、颜色、位置、变换等属性。例如，画一个红色圆形的代码如下：
svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">这段代码完全遵循 XML 的语法规则：标签成对或自闭合，属性用引号包裹，文档结构有层次。只要符合 XML 标准，就能被浏览器或图形软件正确解析。
SVG 继承了 XML 的核心优势
因为基于 XML，SVG 自然具备以下特性：
- 可读性强：图形内容以纯文本形式存在，开发者可以直接查看和编辑。
- 可搜索和可索引：文本内容可以被搜索引擎抓取，适合用于图标、图表等需要语义化的场景。
- 易于程序生成和修改：通过 JavaScript 或后端语言动态拼接或修改 SVG 标签，实现交互式图形。
- 支持命名空间：SVG 可嵌入 HTML 或与其他 XML 格式（如 MathML）共存，依靠 XML 命名空间避免冲突。
SVG 文件本身就是 XML 文档
一个 .svg 文件在底层就是一个标准的 XML 文档。它通常以 开头，并声明根元素为 。浏览器通过 XML 解析器读取该文件，构建出对应的图形渲染树。
正因为如此，SVG 能无缝集成到现代 Web 技术中——可以直接内联在 HTML 中，也可以通过
基本上就这些。SVG 的“可缩放”特性背后，其实是 XML 提供的结构化与灵活性。理解这一点，就能更深入地掌握矢量图形在网页中的运作机制。
