SVG foreignObject 可以是 HTML5

Can SVG foreignObject s be HTML5

SVG foreignObject 必须只包含 XML 吗?这似乎是我对规范的阅读,如果我想使用 foreignObject,是否需要将 XHTML 放入其中?或者我可以只复制我的常规 HTML5 语法代码吗?

任何文档的内容都必须反映其所使用的 MIME 类型。

  • 如果您将文档作为 image/svg+xml 提供,则整个文档必须有效 XML 包括基本上将您限制为 X 的任何 foreignObject 子元素HTML。 XML 因错误而失败,因此如果您粘贴到 HTML 中,您可能只会打印出语法错误,而不是呈现任何内容。

  • 如果您将文档作为 text/html 提供,那么整个文档都是 HTML 并且其中的任何 SVG 都将使用 HTML 解析器进行解析,没有名称空间required 等。此类 SVG 中的任何 foreignObject 元素都将被解析为标准 HTML。 HTML 尝试渲染无效文档。