这个“<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 标签。不知道你从哪里得到这段代码，但你应该避免使用自定义标签。请改用 class 选择器/ID 选择器。

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

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

Is this '<dropdown>' tag a custom HTML element?

html

dom