登录/注册链接是否是 HTML5 <menu> 的语义用例

Ray*_*nos 5 html semantic-markup

现场示例

HTML5 <menu> element

HTML5:

<menu type="list">
  <li><a href="/signup/"> Sign Up </a></li>
  <li><a href="/login/"> Log In </a></li>
</menu>
Run Code Online (Sandbox Code Playgroud)

我想在我的网站上添加一个注册/登录菜单。

  • 使用<menu>会是语义吗?
  • 我应该<ul>改用吗?

编辑:我使用语义 HTML5。浏览器支持无关紧要。

Tho*_*lds 1

我确信您已经知道:

菜单元素代表命令列表。

这实际上取决于您如何定义“列表”和“命令”。是“登录”和“注册” 命令吗?或者他们列出了项目?我个人认为它们是命令。列表(ulol)更类似于更长的东西,对我来说,两个项目似乎不构成一个列表。登录和注册看起来像是命令,因为它们就是 Stephen Krug 在Don't Make Me Think中所说的“实用程序”:

实用程序是指向网站重要元素的链接,这些元素实际上并不是内容层次结构的一部分。

这些与他所谓的“部分”形成对比:

指向网站主要部分的链接:网站层次结构的顶层 [导航]

这在语义上是有意义的:您可以用于<nav>Krug 的“部分”(导航)以及<menu>实用程序或命令(登录、注册、搜索等)。