如何为html创建自定义标签

Question

我想学习如何为html创建具有特殊属性和行为的自定义标签，如果有人可以提供建议，我将不胜感激。

Answer 1

HTML5Rocks.com上有一篇有趣且深入的文章，介绍如何使用自定义元素：自定义元素：在HTML中定义新元素

这是该文章的摘录。

实例化元素

创建元素的常用技术仍然适用于自定义元素。与任何标准元素一样，它们可以用HTML声明或使用JavaScript在DOM中创建。实例化自定义标签

声明它们：

<x-foo></x-foo>

在JS中创建DOM：

var xFoo = document.createElement('x-foo');
xFoo.addEventListener('click', function(e) {
  alert('Thanks!');
});

使用新的运算符：

var xFoo = new XFoo();
document.body.appendChild(xFoo);