Html web组件-不接受子元素

如何定义一个工作方式类似的web组件

---

正常

自动关闭标签称为

另外，不可能创建自定义的空心图元。总而言之，它需要改变浏览器HTML解析器，这对于web社区来说不是一件容易的事情。由于浏览器实现应用程序的方式，需要进行更改

因此，您需要一个结束标记。您可以在此处阅读更多关于此的信息：

---

另一方面，如果您有自己的模板编译器/解析器，如vue编译器和ng编译器，您可能会指示它在构建时理解自动关闭的自定义元素。然而，实现这一点的好处实际上是不存在的。

自动关闭标签称为

另外，不可能创建自定义的空心图元。总而言之，它需要改变浏览器HTML解析器，这对于web社区来说不是一件容易的事情。由于浏览器实现应用程序的方式，需要进行更改

因此，您需要一个结束标记。您可以在此处阅读更多关于此的信息：

---

另一方面，如果您有自己的模板编译器/解析器，如vue编译器和ng编译器，您可能会指示它在构建时理解自动关闭的自定义元素。但是，实现这一点的好处实际上是不存在的。

自治自定义元素需要一个结束标记：

您可以创建从HTMLImageElement扩展的自定义内置元素 要获取自动关闭IMG标签，请执行以下操作：

<img is="push-message" badge="//google.com/favicon.ico">
<img is="push-message" icon="//google.com/favicon.ico">
<img is="push-message" image="//google.com/favicon.ico">
<p>ok</p>

但是一个IMG只能有一个src，所以您最好创建3个元素并使用

---

自治自定义元素需要结束标记：

您可以创建从HTMLImageElement扩展的自定义内置元素 要获取自动关闭IMG标签，请执行以下操作：

<img is="push-message" badge="//google.com/favicon.ico">
<img is="push-message" icon="//google.com/favicon.ico">
<img is="push-message" image="//google.com/favicon.ico">
<p>ok</p>

但是一个IMG只能有一个src，所以您最好创建3个元素并使用

---

虽然你现在不能这么做，但这肯定是一个不错的升级。而且，实施起来应该不会那么难。如果你现在不能定义一个升级选项，那就好了。而且，实施起来应该不会那么难。调用define时只需添加一个选项。