html - 在内联 svg 标签上使用 viewBox 属性时出现 WebStorm 警告

标签 html svg webstorm

我使用带有 viewBox 属性的 SVG 标签,内嵌在 HTML 文件中。

<!doctype html>
<html><!-- ... ---><body>
  <!-- ... -->
  <svg viewBox="0 0 17 17">
    <!-- ... -->
  </svg>
  <!-- ... -->
</body></html>

尽管它正在工作(并且这里是必需的),但 WebStorm 给了我一个 warinig:

Attribute viewBox is not allowed here

我做错了什么还是只是 WebStorm 中的错误?

最佳答案

请尝试将命名空间属性添加到 svg 标签,如 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"> - 这应该可以解决问题。根据specification , “在所有情况下,为了符合 XML 命名空间建议 [XML-NS],必须提供 SVG 命名空间声明,以便所有 SVG 元素都被标识为属于 SVG 命名空间。”

关于html - 在内联 svg 标签上使用 viewBox 属性时出现 WebStorm 警告,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51324865/

相关文章:

html - 字体在 IE8 和 IE9 中显得更大

html - 垂直填充 %

php - 调整大小和拇指功能有效,上传多个文件时除外

node.js - 无法轻松地从测试运行器输出导航到 WebStorm 中的相关文件

html - WebStorm 特殊字符编码

node.js - 如何修复 WebStorm 10 中 Unresolved 功能检查

javascript - 带箭头切换的多个 div 切换

html - tomcat6 上的 webapp 中的 SVG 在 IE9 中不起作用

jquery - 如何使用 jQuery 复制和粘贴 SVG 节点

html - 圆圈内的 SVG 图像