内联 SVG 应该是什么样子答案

【问题标题】：How should an inline SVG look like内联 SVG 应该是什么样子
【发布时间】：2014-06-21 12:27:31
【问题描述】：

我希望能够使用 css 或 jquery 设置/更改 svg 的各个部分/路径

经过一番搜索，我意识到这不能用 svg-xml 完成（不使用额外的 js/jquery 脚本或其他）

所以现在我将使用内联 svg

完整的标签应该是什么样子？我的意思是正确的标记

这就是我所拥有的：

<svg width="200" height="200" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 492.69 617.696">
  <circle fill="#FFFFFF" stroke="#00ABEB" stroke-width="32" stroke-miterlimit="10" cx="246.16" cy="222.62" r="206.843" />
  </g>
</svg>

我什至需要所有版本="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" ?

【问题讨论】：

好吧，我想我只需要删除 xml 部分.. 它可以工作并验证

标签： xml html svg w3c

【解决方案1】：

xmlns="http://www.w3.org/2000/svg" 和 xmlns:xlink="http://www.w3.org/1999/xlink" 如果您将页面作为 text/html 提供，则不需要它们，它们仅用于 XML 文档。

我所知道的所有 UA 都会忽略 version 属性，因此您也可以省略它。

但是，您不能在没有 <g> 起始标签的情况下拥有 </g> 标签，因此您的标记无效。

【讨论】：

好的。啊，是的，溜进来了