Являются ли ссылки для входа / регистрации семантическим вариантом использования HTML5 <menu> - PullRequest
4 голосов
/ 11 августа 2011

Пример в реальном времени

HTML5 <menu> element

HTML5:

<menu type="list">
  <li><a href="/signup/"> Sign Up </a></li>
  <li><a href="/login/"> Log In </a></li>
</menu>

Я хочу добавить меню регистрации / входа на мой сайт.

  • Будет ли использование <menu> семантическим?
  • Должен ли я использовать <ul> вместо?

Редактировать: Я использую семантический HTML5. Поддержка браузера не имеет значения.

Ответы [ 2 ]

1 голос
/ 11 августа 2011

Как я уверен, вы знаете:

Элемент меню представляет список команд.

Это действительно зависит только от того, как вы определяете "список«и» команды.Являются ли команды «Вход» и «Регистрация» ?Или они элементы списка ?Лично я думаю, что они команды.Список (ul или ol) больше похож на что-то длиннее , мне кажется, что два элемента просто не составляют список.Вход и регистрация выглядят как команды, потому что это то, что Стивен Круг в Не заставляй меня думать называет «Утилиты»:

Утилитыссылки на важные элементы сайта, которые не являются частью иерархии контента.

Это противопоставлено тому, что он называет «Разделами»:

ссылки на основные разделы сайта: верхний уровень иерархии сайта [навигация]

Это семантически имеет смысл: вы используете <nav> для «разделов» (навигация) Круга и <menu> для утилит или команд (вход, регистрация, поиск и т. Д.)

0 голосов
/ 11 августа 2011

Я не думаю, что это будет иметь большое значение. Есть много вариантов, которые вы можете выбрать, даже новый тег <nav>. Но неупорядоченный список, безусловно, не нанесет ущерба вашему коду или не пройдет проверку HTML5.

Я все еще использую неупорядоченные списки для своих переходов. Это касается веб-сайтов с верхним заголовком, ссылками на боковую панель и нижний колонтитул. Но, говоря семантикой, я бы рекомендовал элемент nav вместо menu.

...