自定义元素规范在 Chrome 和 Opera
中可用，并在其他浏览器中可用。它提供了一种以正式方式注册自定义元素的方法。

自定义元素是可由作者定义的新型 DOM 元素。与无状态且短暂的装饰器不同，自定义元素可以封装状态并提供脚本接口。

自定义元素是更大的 W3 规范的一部分，称为Web
组件，以及模板、HTML 导入和 Shadow DOM。

Web 组件使 Web 应用程序作者能够定义小部件，其视觉丰富度和交互性水平是单独使用 CSS 无法实现的，并且易于组合和重用是当今脚本库无法实现的。

但是，从Google Developers 关于自定义元素
v1的这篇出色的演练文章中：

自定义元素的名称必须包含破折号 ( -)。所以<x-tags>,<my-element>和<my-awesome- app>都是有效的名字，而<tabs>和<foo_bar>不是。这个要求是为了让 HTML
解析器可以将自定义元素与常规元素区分开来。它还确保了向 HTML 添加新标签时的前向兼容性。

一些资源

• 示例 Web 组件可在https://WebComponents.org获得
• WebComponents.js充当 Web 组件的 polyfill，直到它们在所有地方都得到支持。另请参阅WebComponents.js github 页面和 Web 浏览器支持表。