html - 内联 SVG：从旧浏览器隐藏纯文本的方法？

问题描述

我在 HTML 页面中嵌入了一些内联 SVG 代码，例如：

<html>
  <head><title>Some HTML</title></head>
  <body>
    <svg viewBox="0 0 400 20" xmlns="http://www.w3.org/2000/svg">
      <text y="20" font-size="20">Some text</text>
    </svg>
  </body>
</html>

是否有一些符合标准的方法可以从不支持 SVG 的（旧）浏览器中屏蔽 SVG 中的文本？不使用一些花哨的图像替换技术、Javascript 或 CSS？

到目前为止我的一些想法（但无法开始工作）：

是否有一些 SVG 元素接受文本作为属性并显示它？
是否有某种方法可以屏蔽注释标记的开头和结尾，以便 SVG 解析器看不到它，但 HTML 可以？
有没有办法将一些html标签的开头和结尾分别插入svg而不显示它？

标签： htmlsvg

万一有人偶然发现这个页面，他有同样的问题：这并不是问题的真正答案，只是潜在问题的解决方法（直到希望有人提出真正的解决方案）：

实际上，我在 SVG 中添加了更多信息，这本身就有意义，但也与其他文本部分结合使用，例如：

<html>
  <head><title>Some HTML</title></head>
  <body>
    <svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
      <desc>
        Some website is displayed on a computer monitor. 
        The locationbar reads: 
      </desc>
      <text x="25" y="40" font-size="16">http://example.com/</text>
    </svg>
  </body>
</html>

https://developer.mozilla.org/en-US/docs/Web/SVG/Element/desc

html - 内联 SVG：从旧浏览器隐藏纯文本的方法？

问题描述

解决方案

推荐阅读