HTML заголовки в неправильном порядке - PullRequest
Новая
       32

HTML заголовки в неправильном порядке

2 голосов
/ 04 марта 2011

enter image description here

В этом макете это недопустимо, потому что H1 не первый визуализированный элемент head ... это ужасный грех или все в порядке?Есть ли способ это исправить?Оба столбца имеют переменную длину, поэтому я не вижу никакого способа обойти это.

Цитирование

Кто-то попросил меня процитировать это:

http://www.w3.org/WAI/ER/IG/ert/ert-19991221.html#Technique3.5.A

Элементы заголовка (H1-H6) необходимо проверить, чтобы убедиться, что они вложены в соответствии со следующими правилами. Первый элемент заголовка в документе должен быть H1. В документе должен быть только один элемент H1.Уровни заголовка не должны увеличиваться более чем на 1 уровень.Пример: H2, следующий за H1, хорош.H3, следующий за H1 - это плохо.Элементы заголовка могут уменьшиться на любой уровень.Пример: H2, следующий за H5, в порядке.

Ответы [ 3 ]

5 голосов
/ 04 марта 2011

Где визуализируются различные теги, это не важно, это все о семантике.H1 просто означает, что заголовок более высокого уровня, чем H2, H3 и т. Д.

1 голос
/ 04 марта 2011

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

В любом случае, как насчет этого? 

<body>
    <div style="float: right; width: 25%;">
        <h1>your h1 text</h1>   
    </div>
    <div style="float: left; width: 75%;">
        content goes here
    </div>
</body>
1 голос
/ 04 марта 2011

<h2> s следует интерпретировать как подзаголовки некоторых <h1>.

. В HTML5 вы можете определить иерархию документов, вложив теги <section> и полностью игнорируя <h1> - <h6> тегов.Вы можете увидеть макет документа HTML5 здесь , который иллюстрирует это свойство.

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

На заметке сторон, семантика раздела «Эта неделя внимания»из ваш сайт не так.Это должно быть больше похоже на это

...