Заголовок страницы h2 в разметке навигационного меню.Две птицы, один камень - PullRequest
Новая
       33

Заголовок страницы h2 в разметке навигационного меню.Две птицы, один камень

2 голосов
/ 15 сентября 2011

Зачем нам нужно меню навигации, в котором текущая страница явно выделяется И заголовком страницы (<h2>)?

Почему бы не сделать текущий элемент навигации <h2>? (и храните его так, как хотите, возможно, вы хотите, чтобы он был немного больше, чем остальные) 

<h1><a href="#">Site Name</a></h1>
<ul>
    <li id="current"><h2><a href="#">Home</a></h2></li>
    <li><a href="account/">Account</a></li>
    <li><a href="about/">About</a></li>
</ul>

<div id="content">
    <!-- Content goes here. -->
</div>

Каковы плюсы и минусы этого подхода? Также как Googlebot отнесется к этому?

Ответы [ 3 ]

1 голос
/ 15 сентября 2011

Ответ зависит от визуального оформления страницы. Это может сработать. Но нам нужно посмотреть, как это работает визуально.

Существуют проблемы с доступностью, которые делают заголовок страницы частью навигации. Если я использую программу чтения с экрана и перехожу к заголовку страницы, то последующие ключевые слова контента - это не контент страницы, а оставшаяся навигация Так что это вряд ли хорошая идея.

Наконец, многие теперь делают заголовок страницы h1. Это имеет смысл в контексте того, что сеть ориентирована на документы, и поэтому у каждого документа должен быть свой уникальный h1. Это спорная позиция.

1 голос
/ 22 июня 2013

Заголовок начинает раздел.Все, что следует за этим заголовком (до тех пор, пока не будет достигнут следующий заголовок того же уровня или выше), может считаться частью этого раздела.

В вашем примере ссылки "Аккаунт" и "О программе" будут частью разделапод названием "Дом": 

<ul>
    <li id="current"><h2><a href="#">Home</a></h2> <!-- everything after here is now in scope of the heading "Home" --> </li> 
    <li><a href="account/">Account</a></li> 
    <li><a href="about/">About</a></li>
</ul>

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

1 голос
/ 15 сентября 2011

Я думаю, это зависит от того, как применяются стили и как выглядит дизайн.

Несколько соображений:

  1. на самом деле навигация не является контентом, а заголовок является контентом. Размещение реального контента в навигации снижает удобство использования.

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

  3. если не применяются стили, ваш дизайн, вероятно, будет выглядеть шатко.

  4. программы чтения с экрана не справятся с этим ... читая навигацию, а затем встречая заголовок.

  5. разметка, подобная этой, затруднит редизайн или переназначение для другого носителя (возможно, мобильного), поскольку вам придется взламывать больше стилей.

...