Question

背景信息：

我正在跟踪Lynda教程，并且讲师使用标签来创建他的导航部分。

他的代码的精简版：

<html>
<body>
  <header>
    <h1>Global Bank</h1>
  </header>

  <navigation>   <=== Valid?
     <ul><li>Menu</li><ul>
  </navigation>  <=== Valid?

  <footer>
  </footer>
</body>
</html>

我的问题

但是，我不知道这怎么可能。我知道导航部分是通过使用

标记而不是创建的。

在询问-the W3C HTML5 Documentation，W3Schools，Google等之前，我仔细研究了以下几个地方。

但是我所看到的只是使用

创建导航部分，而<导航>则什么也没有。

通常，我认为这可能是某种错误，但是讲师使用的编辑器（Atom）能够将<导航>识别为HTML标签，而讲师说该标签为HTML5。但是我在此标签上找不到任何内容。

我的问题：

有人知道我在哪里可以找到标签上的信息吗？链接将不胜感激。

如果不是，如指导老师所述，<导航>如何成为有效的HTML5标签？有某种方式可以拥有用户定义的标签吗？如果可能的话，也将提供带有详细信息的链接。

非常感谢您的时间和精力！

Answer 1

如您所指出的，<navigation>不是HTML5标记，而<nav>是HTML5标记。我不知道为什么您的老师会使用自定义<navigation>而不是标准<nav>。

HTML规范允许使用自定义元素，因为它是explained here：

自定义元素为作者提供了一种构建自己的功能齐全的DOM元素的方法。尽管作者可以始终在其文档中使用非标准元素，并在事后通过脚本或类似方式添加特定于应用程序的行为，但此类元素历来是不合格且功能不大的。通过定义自定义元素，作者可以告知解析器如何正确构造元素以及该类的元素应如何对更改做出反应。

自定义元素是“合理化平台”的一项较大努力的一部分，它通过用较低级别的作者公开的可扩展性点（例如自定义元素定义）来解释现有平台功能（例如HTML元素）。尽管当今在功能和语义上对自定义元素的功能存在很多限制，这些限制使它们无法完全解释HTML现有元素的行为，但我们希望随着时间的流逝缩小这种差距。

但是这些自定义元素必须具有名称[a-z] (PCENChar)* '-' (PCENChar)* as specified on the standard之后的名称。这意味着它必须是一个字母，后跟不确定数量的字符，连字符（-）和更多字符（有关链接上有效字符的更多详细信息）。

<navigation>不遵循该模式，如果尝试使用HTML validator，则会看到它引发错误并指示它不是有效的HTML。

Answer 2

标签定义了一组导航链接。

例如：

    <nav>
       <a href="/html/">HTML</a> |
       <a href="/css/">CSS</a> |
       <a href="/js/">JavaScript</a> |
       <a href="/jquery/">jQuery</a>
    </nav>

Answer 3

我从未遇到过<navigation>标签。但是您始终可以将其创建为用户定义的标签。您将从以下位置获得所有需要的帮助：

https://www.html5rocks.com/en/tutorials/webcomponents/customelements/

<导航>如何是有效的HTML5标签？

背景信息：

我的问题

3 个答案: