html - 规范中不允许在自定义元素中使用自关闭标签的原因是什么?

标签 html web-deployment web-component custom-element

<self-closing /> HTML 自定义元素中不允许使用标记。

为什么会这样?

很多情况下只需要 void 标签,我想这样的话,代码会更易读。 另一方面,它更直接地隐含语义。

就像<hr /> ,根据代码本身意味着它不应该有任何 child ,因为没有地方。 此外,它与 child 无关。

Custom elements cannot be self-closing because HTML only allows a few elements to be self-closing. (read more)

最佳答案

浏览器必须对 void 元素进行特殊处理,以便它知道在不查找结束标记的情况下立即关闭它们。

自定义元素不会出现在浏览器的内部空元素列表中。

请记住,指示元素无效的重要因素是标记名称。可选的 / 只是语法糖,适用于仍在尝试根据 XML 进行思考的人和语法高亮器。它对 HTML 解析器毫无意义。

关于html - 规范中不允许在自定义元素中使用自关闭标签的原因是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45418556/

相关文章:

javascript - 停止滚动 anchor 击

javascript - 如何在jquery中搜索属性值的一部分?

html - 如何将 "<%: x > y ? a : b %>"之类的 MVC 2.0 Html 代码替换为 MVC 3.0 cshtml Razor 代码?

javascript - Polymer,访问自定义元素/命名空间问题

javascript - DOM 属性和 React

polymer - 如何从子元素更改应用程序路由位置

javascript - 在 HTML 中调用 AngularJS 函数

reactjs - 为什么 create-react-app 构建目录位于 .gitignore 中?

php - Laravel 5 部署出现内部服务器错误

deployment - 部署 WAR 文件时出错