html - 在没有实际定义危险的情况下使用自定义元素吗？

Question

而是定义：

<div id="my-custom-element-101"></div>

我写：

<my-custom-element-101></my-custom-element-101>

但是没有进一步扩展 HTMLElement 并定义它。这样我得到了一些增强的可读性，不需要做任何进一步的编码。

这种做法有什么潜在的缺点吗？

标签： htmlcustom-element

Answer 1

只要您使用有效的自定义元素表示法（即带有连字符“ -”的名称），就没有绝对的缺点。

在这种情况下，它只是一个未知的自定义元素。

当然，如果其他人决定定义一个具有相同名称的自定义元素，您可能会遇到一些麻烦，但如果您拥有页面的整个代码，就不会发生这种情况。

另请注意，在您的示例中，您的标签<my-custom-element-101> 被视为内联元素，而不是块。