<navigation> 有效的 HTML5 标签如何?



背景信息:

我跟随Lynda教程,教练使用<navigation>标签创建他的导航部分。

他的代码的浓缩版本:

<html>
<body>
<header>
<h1>Global Bank</h1>
</header>
<navigation>   <=== Valid?
<ul><li>Menu</li><ul>
</navigation>  <=== Valid?
<footer>
</footer>
</body>
</html>

我的问题

然而,我不知道这怎么可能。我知道导航部分是通过使用<nav>标签,而不是<导航>。

在询问之前,我浏览了以下地方——W3C HTML5文档、W3Schools、谷歌等等。

但我所看到的只是使用<nav>创建导航部分,不使用<导航>。

通常,我会认为这可能是某种错误,但讲师使用的编辑器(Atom(能够识别<navigation>作为一个HTML标记,并且讲师说该标记是HTML5。但我找不到任何关于这<导航>标记。

我的问题:

有人知道我在哪里可以找到<导航>标签(如果有的话(?请提供链接。

如果不是,<navigation>是一个有效的HTML5标签,正如老师所说?是否有某种方法可以使用用户定义的标签?如果这是可能的,也将感谢与详细信息的链接。

非常感谢您的时间和关注!

正如你所指出的,<navigation>不是HTML5标签,但<nav>是。我不知道为什么你的老师会使用自定义的<navigation>而不是标准的<nav>

HTML规范允许使用自定义元素,如下所述:

自定义元素为作者提供了一种构建自己功能齐全的DOM元素的方法。尽管作者总是可以在他们的文档中使用非标准元素,并通过脚本或类似的方式在文档后面添加特定于应用程序的行为,但这些元素在历史上一直是不一致的,功能也不太好。通过定义自定义元素,作者可以通知解析器如何正确地构造元素,以及该类的元素应该如何对更改做出反应。

自定义元素是"合理化平台"的更大努力的一部分,通过解释现有的平台功能(如HTML元素(,从较低级别的作者公开的可扩展性点(如自定义元素定义(来看。尽管目前自定义元素的功能在功能和语义上都有许多限制,使它们无法完全解释HTML现有元素的行为,但我们希望随着时间的推移缩小这一差距。

但是这些自定义元素的名称必须遵循标准中指定的模式[a-z] (PCENChar)* '-' (PCENChar)*。这意味着它必须是一个字母,后面跟着未定义的字符数、连字符(-(和更多字符(链接上有效字符的更多详细信息(。

<navigation>不遵循该模式,如果您尝试HTML验证器,您将看到它抛出一个错误,并表明它不是有效的HTML。

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

例如:

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

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

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

最新更新