为什么 HTML 锚标记不包装可缩放的 SVG <object>？

Question

我使用SVG 文件本身中的preserveAspectRatio和viewBox属性创建了一个可扩展的 SVG 对象：

<svg
  …
  width="800"
  height="800"
  preserveAspectRatio="xMinYMin meet"
  viewBox="0 0 800 800"
  …

在 HTML 中，我使用<object>标签引用了 SVG 文件并将其包装为一个<a>标签（我想这样做以便以后可以对其进行样式设置）：

<a>
  <object type="image/svg+xml" data="smiley.svg">
  </object>
</a>

我<object>使用一些 CSS 设置标签的样式，使其宽度为 50%，宽度不超过 100%：

object {
  max-width: 100%;
  width: 50%;
}

问题是锚标记并没有环绕对象！

任何人的想法？

Answer 1

我认为 @CBroe 有它：SVG可以是交互式内容，因此它不应该被锚元素包裹：

\n\n

\n

w3.org/TR/html5/text-level-semantics.html#the-a-element : \xe2\x80\x9c 内容模型：透明，但不能有交互式内容后代。\xe2\x80\x9d

\n

\n