简介
HTML5 中可以将 SVG 元素嵌入 HTML 内。SVG 元素可以像普通 HTML 元素一样使用，可以使用 标签直接嵌入 HTML 文件中，或者通过 JavaScript 动态创建并插入到 HTML 中。
例如，以下是在 HTML 中嵌入 SVG 的示例代码：
Embedded SVG Example Embedded SVG Example
Hello, SVG!在这个示例中，使用了 标签将 SVG 嵌入到 HTML 中，并使用 SVG 元素创建了一个矩形、一个圆和一段文本。
不同的方法可以使用SVG图形
1、直接在HTML标记中使用SVG代码：您可以使用SVG代码编写图像，然后将其直接嵌入HTML标记中。您可以使用元素定义SVG图像，并使用其他SVG元素定义图像的形状、路径、颜色等等。例如：
SVG Example 上面的代码使用元素定义了一个100×100的SVG图像，并使用元素定义了一个矩形。
2、使用
上面的代码将名为example.svg的SVG文件作为图像嵌入到HTML中。
3、使用标签将SVG文件插入到HTML中：您还可以将SVG文件作为独立的文件编写，然后将其作为元素的data属性值嵌入到HTML标记中。例如：
SVG Example Your browser does not support SVG上面的代码将名为example.svg的SVG文件作为元素的data属性html值嵌入到HTML中。注意，元素的type属性值应设置为image/svg+xml，以指示这是一个SVG图像。
这些都是在HTML中使用SVG图形的常用方法。根据具体的情况，您可以选择其中的任何一种方法。