将自定义 HTML 元素与本机元素区分开来

Tell custom HTML elements from native ones

本文关键字：元素区分开本机 HTML 自定义更新时间：2023-09-26

在所有Google Web组件教程中，它为自定义元素推荐了特定的命名方案。他们推荐这样的事实可能是为了可读性，但它引出了一个问题：有没有办法可靠地（以编程方式）判断 HTML 元素是自定义的还是本机的？例如，聚合物元素是HTML Element的实例，具有所有正确的属性。

理想情况下，没有必要区分两者 - 您的元素应该像本机HTML元素一样以各种方式起作用。但是，如果您出于某种原因绝对必须专门针对它们，则可以查找名称中包含连字符的元素。自定义元素必须具有该连字符（例如<my-element>）才能有效，而如果我没记错的话，HTML5规范中没有元素包含该连字符。

注意：我还没有通过规范来仔细检查这一点 - 但我相信缺少连字符是这种情况。