关闭 SVG 标签,显式关闭还是自动关闭?

2024-03-03

我正在验证我的代码,并收到以下错误Tag cannot be self-closing. Use an explicit closing tag.在 IE 中作为我的 svg 路径,因为它是自动关闭的。

<path d="m53.911,10.023c-1.46-.898-3.195-1.019-4.699-1.019h-3.439c" />

现在我知道 HTML5 中的元标记不需要向前破折号/,你只需关闭它们>。同样的事情也适用于 svg 标签吗?就像这样:

<path d="m53.911,10.023c-1.46-.898-3.195-1.019-4.699-1.019h-3.439c" >

或者……使用明确的结束标签?就像这样:

<path d="m53.911,10.023c-1.46-.898-3.195-1.019-4.699-1.019h-3.439c" > </path>

关闭路径的正确方法是什么?


罗伯特·朗森的回答 https://stackoverflow.com/a/24301479/很棒,但是链接到已标记的文档 http://www.w3.org/TR/html-markup/Overview.html#abstract as:

本文档已停止使用,仅用于历史目的。


我想找到一些关于此行为的最新规范,这是我发现的:

A 自闭合标签是一种特殊形式开始标签在右尖括号之前有一个斜线。这些表明该元素将立即关闭,并且没有内容。如果允许并使用此语法,则end tag必须省略。在 HTML 中,此语法的使用仅限于空元素 and 外来元素。如果它用于其他元素,则将其视为开始标记。

Source: W3C HTML5 参考编辑草案 http://dev.w3.org/html5/html-author/#tags

开始标签必须具有以下格式:

  1. 那么,如果该元素是其中之一空元素,或者如果该元素是外来因素,则可能有单个 U+002F SOLIDUS 字符 (/)。该角色对以下内容没有影响空元素,但是在外来元素它将开始标记标记为自动关闭。

Source: WHATWG 的 HTML 生活标准 https://html.spec.whatwg.org/multipage/syntax.html#start-tags and HTML:生活标准 - Web 开发人员的技术规范 https://developers.whatwg.org/syntax.html#start-tags

内联 SVG 和 MathML 支持

语法<foo/>如果 foo 元素是 MathML 或 SVG 元素(即不是 HTML 元素),则打开并立即关闭 foo 元素。

Source: Mozilla 开发者网络的 HTML5 解析器 https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5/HTML5_Parser


结论:罗伯特·朗森在书中写道他的回答 https://stackoverflow.com/a/24301479/仍然有效。 IE11开发者工具中的这个警告是错误的。在 HTML5 中使用自关闭语法是有效的(但仅适用于空元素, 例如<br/>; or 外来元素,它们来自 MathML 和 SVG)。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

关闭 SVG 标签,显式关闭还是自动关闭? 的相关文章

  • CSS/XHTML 菜单 - 在所有浏览器中工作 - IE6 帮助

    我发现这个菜单正是我想要的 它适用于所有现代浏览器和 IE 7 8 我需要找到一个修复程序才能在 IE6 中工作 任何帮助将不胜感激 http lab returnwt net htmlcss tabmenu http lab return
  • svg路径指针事件-点击检测

    我正在编写一些 HTML 以便可以使用 HTML SVG 和 PATH 标签绘制贝塞尔曲线 我的曲线效果非常好 现在我想添加一项功能 如果用户将鼠标悬停在曲线上 我会更改颜色 但实际情况是 SVG 创建了一个包含路径的大框 并捕获所有点击
  • 缩放对象上的弹跳动画

    拥有对象比例 然后在返回到原始比例因子之前以该比例因子执行弹跳动画的最佳方法是什么 我意识到我可以做一些事情 比如将其缩放到 2 2 然后 1 8 然后 2 0 但我正在寻找一种方法 您只需在比例因子上执行弹跳动画 因为我的比例因子会改变
  • Internet Explorer 10,最大 div 大小为 1.533.917 像素

    我需要制作一个非常大的 div 以百万像素为单位 搜索我发现这个线程证明 IE 可以管理最多 10 000 000 px 确定最大可能的 DIV 高度 https stackoverflow com questions 7719273 de
  • 从动态服务器中抓取 html 列表数据

    哈喽大家好 抱歉提出转储问题 这是我最后的手段 我发誓我尝试了无数其他 Stackoverflow 问题 不同的框架等 但这些似乎没有帮助 我有以下问题 一个网站显示一个数据列表 前面有大量的 div li span 等标签 它是一个很大的
  • 如何正确编码 mailto 链接?

    我正在生成一些 HTML 并且我想生成 XSS 和数据库内容安全的mailto关联 这里使用的正确编码是什么 这个怎么样 myLiteral Text string Format mailto 0 Content Type text htm
  • 如何将 twitter bootstrap 与 Spring MVC 一起使用

    我不明白为什么我的 Spring MVC 页面没有隐藏引导样式 我的你好 jsp
  • 带有 angular-cli 的 SVG 图标系统

    我有一个 Angular2 项目 它是通过 Angular CLI 创建的 在 webpack 中 有一个加载器来加载 svg sprite 并从 svgs 列表生成该 sprite 但是 当 angular cli 不允许我更改 webp
  • 如何使用 svg 使 iframe“可聚焦”

    我想检测 iframe 上的点击 这建议 https stackoverflow com a 8101458 246719执行此操作的方法是捕获父窗口上的模糊事件 但是 当用户单击 iframe 内的 svg 时 它不会获得焦点 根窗口也不
  • 使用 Java 将 HTML 文件读取到 DOM 树

    是否有一个解析器 库能够使用 Java 将 HTML 文档读入 DOM 树 我想使用标准DOM XpathJava提供的API 大多数库似乎都有自定义 API 来解决此任务 此外 大多数可用的解析器似乎都不支持 HTML 到 XML DOM
  • 在 Chrome 上使用 display:none 重置 GIF 动画的正确方法

    标题是不言自明的 但我将提供对此事的逐步看法 希望我不是第一个注意到 Webkit Chrome 上这个 显然 错误的人 我想重置 GIF 动画 到目前为止我看到的所有例子要么简单地设置src图像本身或将其设置为空字符串 后跟原始图像src
  • 使用 HTML5 FileSystem API 将文件写入桌面

    我正在玩一下文件系统API http www html5rocks com en tutorials file filesystem 我发现了很多生成下载链接并让用户以 浏览器方式 下载文件的示例 我想知道两件事 有没有办法将fiddle中
  • 图像之间的垂直间距

    我将一张图像剪切为三张相同的图像 现在我将其放入 html 代码中 如下所示 img src images disclosure2 01 jpg alt Disclosure img src images disclosure2 02 gi
  • Bootstrap 3 - 使用垂直滚动条水平拖动元素,overflow-y:滚动

    在我的失败之后上一篇文章 https stackoverflow com questions 23586926 bootstrap grid with scrollable affixed column noredirect 1 comme
  • 使图像宽度为父 div 的 100%,但不大于其自身宽度

    我试图让图像 动态放置 对尺寸没有限制 与其父 div 一样宽 但前提是该宽度不比 100 时其自身宽度宽 我已经尝试过这个 但没有成功 img width 100 height auto max width 100 其中许多图像比它们的父
  • 从 UnityWebGL jslib 返回字符串

    我想使用 jslib 来获取网址参数 像这样的代码 jslib GetUrl function var s var strUrl window location search var getSearch strUrl split var g
  • 检测 JavaScript 中的焦点丢失

    我希望能够检测 JavaScript 中任意元素何时失去焦点 因此我可以构建一个类似于 jEdit 的内联编辑工具 我不能依赖 jQuery 来实现这个库 所以我需要一个本机方法来完成它 我查看了 onblur 这似乎是正确的事情 但 MD
  • jQuery 面板滑块通过单击按钮打开但不会关闭

    我的页面上有一个按钮 可以使用 jquery 和 Modernizr 框架打开右侧面板 按钮位于屏幕最右侧 单击时 它会向左滑动并打开打开的面板 问题是 再次单击时它不会滑回到原来的位置 HTML div class cd panel fr
  • 在 HTML5 画布上创建颜色选择器

    如何在 HTML5 画布上绘制颜色选择器 一个基本的例子是使用getImageData http jsfiddle net eGjak 60 http jsfiddle net eGjak 60 var ctx cv get 0 getCo
  • JQuery Mobile - 内联显示 HTML 表单

    Goal 在 Jquery Mobile 中的同一行显示文本框和提交按钮 Problem 它们不会显示在同一行 我曾多次尝试在同一行显示文本框和提交按钮 但它从未起作用 这是我的代码和我使用的组合

随机推荐