这个“<dropdown>”标签是自定义 HTML 元素吗？

Question

我正在浏览这个codepen，我看到了这个<dropdown> 标签。我不知道这是不是像<div>、<span>、<section> 等合法标签。

<dropdown>
    <input type="checkbox" id="toggle1" checked>
    <label for="toggle1" class="animate">Editor <i class="fa fa-list float-right"></i></label>
    <ul class="animate">
        <li class="animate">Source <i class="fa fa-code float-right"></i></li>
        <li class="animate">Fullpage <i class="fa fa-arrows-alt float-right"></i></li>
        <li class="animate">Debug <i class="fa fa-cog float-right"></i></li>
    </ul>
</dropdown>

我认为 Xml 允许您为标签/DOM 元素自定义名称，但我认为作者没有使用 Xml。

我认为作者编造了他自己的元素来描述他所写的部分。我不知道你能做到这一点。我还看到<time> 有一次在 html 中使用。有人可以向我解释如何制作自己的标签名称或向我展示文档。我假设这是一个 html 的东西

Answer 1

HTML5 标准集中没有下拉元素。

如果名称中包含“-”，HTML5 允许自定义元素。所以他们最好使用<drop-down>...</drop-down>。

Answer 2

<dropdown> 不是有效的 HTML 标记。不知道你从哪里得到这段代码，但你应该避免使用自定义标签。请改用类选择器/ID 选择器。

另一方面，<time> 是 HTML5 规范中的 HTML 标签。文档是here。