如何为html创建自定义标签

Question

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

Answer 1

根据您所说的“特殊属性和行为”的含义，您可以立即“创建”自定义HTML标签。以下内容将在所有浏览器中显示，甚至可以与各种JavaScript方法一起使用：

<my-book data-pages="400" data-author="Nietzsche">The Wanderer and His Shadow</my-book>

您只需要记住几件事：

断字！自定义元素应至少包含一个-like my-book或app-menuor header-title等。请不要使用，data-*因为它是为data-attribute保留的。

inline默认情况下，所有自定义元素的显示都为。您可以使用CSS或JavaScript进行更改。

Internet Explorer不能识别以下任何元素，除非您首先使用JavaScript“创建”它们：

document.createElement('my-book');

因此，必须先执行此操作，然后才能在CSS，HTML或JS中使用它们。

Answer 2

您真正要做的就是为该标签定义CSS

例：

mytag {

font-weight: bold;

}

现在mytag是您自己的粗体：

<mytag>This text is in bold</mytag>