1. 首页
  2. 问题列表
  3. 有没有办法修复HTML验证错误？同时继续使用SVG作为``标记的源代码？
提问者：小点点

有没有办法修复HTML验证错误？同时继续使用SVG作为`<img>`标记的源代码？


有没有办法修复HTML验证错误？同时继续使用SVG作为标记的源代码？

Error: Bad value data:image/svg+xml;utf8,<svg 
xmlns='http://www.w3.org/2000/svg' height='10px' width='20px'></svg> 
for attribute src on element`

我的源代码：

<img alt="homepage" src="data:image/svg+xml;utf8,<svg 
xmlns='http://www.w3.org/2000/svg' height='10px' width='20px'></svg>"
/>

共2个答案

匿名用户

要将SVG用作元素中的数据URI，需要转义SVG代码：

<img alt="homepage" src="data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='10px' width='20px'%3E%3C/svg%3E">

有几个免费工具可以实现这一点，例如SVG的URL-encoder。

匿名用户

如果您想要一个非交互式svg，请使用png版本的with脚本回退（用于较旧的IE和android<3)。有一种简单明了的方法：

<img src="your.svg" onerror="this.src='your.png'">

svg是SVG的路径。

这将表现得很像GIF图像，如果您的浏览器支持声明式动画(SMIL)，那么这些将会播放。

如果需要交互式svg，请使用