О теге HtML5 Footer - PullRequest
       0

О теге HtML5 Footer

3 голосов
/ 23 мая 2011

Я хочу добавить три вещи в следующем разделе нижнего колонтитула. В каких тегах они должны быть размещены?

  1. Меню навигации.
  2. E-mail.
  3. Авторские права (только маленькая строчка "Copyright © 2011 All Rights")
<footer>
      <address>
      Website:<br />
      <a href="www.example.com">Website
      </address>
    </footer>

PS. Я спрашиваю, поскольку я не знаю, должны ли эти вещи быть внутри тега <address>, тега <p> или чего-то еще.

Ответы [ 3 ]

8 голосов
/ 23 мая 2011

1. Меню навигации.

Вы должны создать для этого тег nav. Вы можете посмотреть пример здесь .

2. E-mail.

Для электронной почты вы должны поместить в адресном теге. Вы можете просмотреть детали здесь .

3. Copyright (просто маленькая строка "Copyright © 2011 All Rights")

Авторские права могут быть заключены в тег абзаца (<p></p>). Вы можете посмотреть некоторые примеры его использования на сайте W3C HTML5: 4.4.9 Элемент нижнего колонтитула . Вы можете окружить его тегом small, прежде чем окружить тегом p.

2 голосов
/ 23 мая 2011

Авторское право должно быть заключено в элемент small, как уже упоминалось, хотя я не думаю, что вам нужен p, но это всего лишь личное предпочтение.

редактирование на основеПравильно исправлено ниже, игнорируйте то, что в квадратных скобках ниже

[Элемент address не должен использоваться для адреса электронной почты!Даже ссылка, которую Alerty предоставляет выше, говорит об этом!Я бы просто держал его в элементе a внутри span или div.]

0 голосов
/ 15 июля 2011

Целесообразно указывать адрес электронной почты в элементе адреса, если (и только если) адрес электронной почты предоставляет контактную информацию для страницы в целом.

Текущая версия спецификации HTML5 гласит: «Элемент address представляет контактную информацию для ближайшего предка элемента article или body.»

http://www.w3.org/TR/2011/WD-html5-20110525/sections.html#the-address-element

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...