HTML5 NAV или HEADER - PullRequest
Новая
       0

HTML5 NAV или HEADER

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

В одном из разделов моего сайта мой NAV находится выше моего заголовка. 

<nav> 
  <ul>
    <li><a href="#">Service</a></li>
    <li><a href="#">Blog</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Contact</a></li>
    <li><a href="#">Subscribe via RSS</a></li>
</ul>
</nav>

<header>
  <h1>Page title</h1>
</header>

Допустимо ли или допустимо использовать NAV перед заголовком? Или есть правило, что NAV должно быть после HEADER?

Повлияет ли это на SEO или рейтинг страницы?

Ответы [ 3 ]

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

Не понимаю, почему нет.Навигация является глобальной навигацией и, следовательно, не специфична для конкретной страницы.Я думаю, что имеет смысл, что навигация будет «вне» остального содержимого страницы.Если навигация была для навигации по этой конкретной странице, то она должна быть ниже.

Если, однако, у вас есть имя веб-сайта в <header> и <h1>, а неназвание страницы, тогда, я полагаю, оно должно появиться под заголовком.

Редактировать

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

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

Вы можете иметь их в любом порядке.Также допустимо иметь множественные вхождения этих элементов: 

<body>
    <header>
        Site header
    </header>
    <nav>
        Site nav
    </nav>
    <article>
        <header>
            Article header
        </header>
        <p>Article content</p>
    </article>
</body>
1 голос
/ 04 октября 2011

Это хорошо, хотя и немного странно - почему бы не поместить их в HTML в правильном порядке, а затем использовать CSS для перемещения.Это, конечно, весь смысл разделения CSS / HTML.

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

Нет похожих вопросов

...