【问题标题】:Can SVG markup in HTML5 omit self-closing tags?HTML5 中的 SVG 标记可以省略自闭标签吗?
【发布时间】:2015-11-16 03:42:15
【问题描述】:

从问题Do I need a "/" at the end of an <img> or <br> tag, etc.?中我了解到&lt;br /&gt;&lt;img /&gt;等自闭合标签在HTML5中完全是可选的,可以简单地写成&lt;br&gt;&lt;img&gt; .

但是对于与 HTML5 内联放置的 SVG 元素也是如此吗?比如&lt;circle /&gt;标签可以写成&lt;circle&gt;吗?

<svg viewBox="0 0 1000 1000">
    <circle cx="500" cy="500" r="500" />
</svg>

如果允许,一般是好还是坏?

【问题讨论】:

标签: html svg


【解决方案1】:

以下是我在W3 SVG and MathML elements in HTML documents documentation发现的一些规则

  • 开始标签在结束“>”字符之前有一个“/”字符的 SVG 和 MathML 元素被称为标记为 自动关闭。
  • SVG 和 MathML 元素必须有一个开始标记和一个结束标记,或者一个标记为自闭合的开始标记,在这种情况下它们 不能有结束标签。
  • 开始标签被标记为自闭合的 SVG 和 MathML 元素不能有任何内容。
  • 开始标签未标记为自闭合的 SVG 或 MathML 元素的内容是任何元素、字符数据、cmets 和 它包含的 CDATA 部分,但限制是任何 它包含的字符数据必须是普通字符数据。

我认为第二点强制svg 元素具有显式结束标记或自结束标记。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2014-09-12
    • 1970-01-01
    • 1970-01-01
    • 2017-09-08
    • 2011-08-31
    • 1970-01-01
    • 2011-09-05
    • 1970-01-01
    相关资源
    最近更新 更多