Ссылки внутри элемента нижнего колонтитула HTML5 (навигация и прочее?) - PullRequest
6 голосов
/ 04 октября 2011

В настоящее время я перемещаю страницу с HTML4 на HTML5, и у меня возникла какая-то проблема. Там есть несколько списков со ссылками внутри нижнего колонтитула. Большинство из них ссылаются на информацию (часто задаваемые вопросы и т.д.) о самом сайте. Поэтому я думаю, что все в порядке, чтобы поместить их в элемент nav (см. «Представление HTML5» и HTHML5 Doctor). Но два списка содержат ссылки на внешние страницы, такие как Facebook. Теперь я могу обернуть их в сторону, но это немного необычный случай:

"Это законно, чтобы обернуть ссылки на другие страницы на сайте с выделением внутри нижнего колонтитула - но спросите себя, является ли сторонний элемент брата [...] В конце концов, ссылки на другие страницы предположительно косвенно связаны со всей страницей, а не только с содержанием нижнего колонтитула ". (Представляем HTML5)

Я мог бы просто оставить их в нижнем колонтитуле, не оборачивая их. Поскольку все списки ссылок в нижнем колонтитуле являются «визуальной единицей», я бы не хотел в данный момент вообще удалять внешние ссылки из нижнего колонтитула, хотя это может быть лучше в отношении семантики.

Я искал сайты HTML5 с похожим нижним колонтитулом, но не смог их найти.

Что вы, ребята, считаете лучшим подходом?

Спасибо

Ответы [ 4 ]

9 голосов
/ 04 октября 2011

Я бы предложил просто использовать <footer> со ссылками в нем.

Если вы хотите обернуть ссылки в <nav>, это приемлемо, но я бы не советовал. Элемент <nav> предназначен для разметки «основных» блоков навигации, и тот факт, что вы помещаете ссылки в нижний колонтитул, предполагает, что они не являются основным блоком навигации. (В некотором смысле, <footer> и <nav> почти противоречивы.) Спецификация, даже конкретно говорит об этом сценарии :

Не все группы ссылок на странице должны быть в элементе nav - этот элемент в основном предназначен для разделов, состоящих из основных блоков навигации. В частности, для нижнего колонтитула характерно иметь короткий список ссылок на различные страницы сайта , такие как условия предоставления услуг, домашняя страница и страница с информацией об авторских правах. Для таких случаев достаточно одного элемента нижнего колонтитула ; хотя в таких случаях можно использовать элемент nav, он обычно не нужен.

Что касается <aside>, я бы сказал, что это излишне, если вы просто добавите в него несколько ссылок, тем более что они кажутся внешними, хотя и внешними, они принадлежат другим ссылкам. Если это помогает с оформлением, а внешние ссылки кажутся чем-то вроде автономного блока, тогда, конечно, не беспокойтесь. Я бы сказал, что сам элемент <footer> уже обладает достаточной семантикой стороннего подхода.

3 голосов
/ 04 октября 2011

У вас уже есть ссылки внутри footer, которые вы собираетесь обернуть в nav, уже в nav, например в header?(поскольку сайты часто дублируют ссылки header в footer).

Если это так, то я бы рекомендовал вообще не заключать ссылки в footer в nav, поскольку онитолько для основной навигации, и если вы дублируете ссылки, то только один набор (например, в header) должен быть в nav.

Если это нерегистр, и ни одна из ссылок footer не является дубликатами и важна, тогда можно обернуть некоторые в nav, а другие нет, но сохранить их в нижнем колонтитуле.

Я написал статью некоторое времяназад, HTML5 - переходить или не переходить , некоторое время назад, что может помочь.

2 голосов
/ 04 октября 2011

Спецификация HTML5 на самом деле специально вызывает сценарий использования ссылок на различные страницы сайта в нижнем колонтитуле, так как говорит, что вам не нужно использовать <nav> для них:

<aside> кажется нормальным для внешних ссылок в нижнем колонтитуле (согласно http://dev.w3.org/html5/spec-author-view/the-nav-element.html#the-nav-element),, хотя я не знаю, какое значение это действительно добавляет. Я не думаю, что вам нужно удалять эти ссылки из нижний колонтитул.

Не стоит задумываться о выборе HTML-тегов. Кто на самом деле будет смущен вашей разметкой в ​​ее нынешнем виде?

0 голосов
/ 04 октября 2011

Если вам по какой-то причине не нужно группировать ссылки на внешние страницы (например, стилизация), я думаю, что ваш подход в порядке.

...