svg

定义

SVG 文件可通过以下标签嵌入 HTML 文档：<object> 或者 <iframe>。

SVG的代码可以直接嵌入到HTML页面中，或可以直接链接到SVG文件。

页面中的SVG

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>NTHOME-零基础入门学习Web（HTML5+CSS3）</title>
</head>
<body>
   <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
       <circle cx="66" cy="50" r="40" stroke="black" stroke-width="2" fill="green" />
   </svg>
</body>
</html>

使用object标签

<object> 标签是 HTML 4 的标准标签，被所有较新的浏览器支持。它的缺点是不允许使用脚本。

语法：

<object data="？？？.svg" type="image/svg+xml"></object>

codebase 属性指向下载插件的 URL。

使用iframe标签

<iframe> 标签可工作在大部分的浏览器中。

语法：

<iframe src="rect.svg" width="300" height="100"></iframe>

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

Safari	Chrome	FireFox	IE
5.0	5.0	4.0	9.0