在没有实际定义的情况下使用自定义元素是否危险

Question

而不是定义：

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

我写道：

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

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

这种做法有什么潜在的负面影响吗？

Answer 1

只要使用有效的自定义元素表示法(即带有连字符"-"的名称(，这就没有绝对的缺点。

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

当然，如果其他人决定定义一个同名的自定义元素，你可能会遇到一些麻烦，但如果你拥有页面的整个代码，那就不可能了。

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