Я всегда натыкаюсь на этот (довольно простой вопрос), когда создаю, например, блоги на Wordpress. Должен ли я заключить заголовок, который также должен быть ссылкой, в <a>элемент привязки , или должно быть наоборот. И почему?
(1) :
<a href="foo">
<h1>bar</h1>
</a>
(2) :
<h1>
<a href="foo">bar</a>
</h1>
Я всегда заканчиваю тем, что делаю (1) , поскольку мне кажется более логичным, чтобы заголовок был заключен в ссылку.
Есть ли разница, например, в SEO? Будет ли это отражать рейтинг SEO?
Ответы:
До HTML5:
привязка должна находиться внутри заголовка, вы не можете поместить элемент уровня блока внутри привязки, и большинство браузеров не будут отображать его на 100% надежно, если вы это сделаете.
В HTML5:
не имеет значения, используйте тот, который имеет наиболее семантический смысл. Скорее всего, первый.
Помните, что если ваш документ использует HTML4 DTD, он не будет проверяться и может отображаться некорректно, потому что он использует старые правила, в которых привязка не может содержать элемент уровня блока. Используйте только первый вариант в HTML5. XHTML эквивалентен HTML4, хотя я не уверен на 100% в XHTML1.1 (попробуйте и посмотрите, проверяет ли он).
источник
Если вы используете HTML 4.01 DTD (не уверен в переходном, но определенно строгом), то элемент привязки должен появиться внутри элемента заголовка. Проверьте свой тип документа, если вы не знаете, какое DTD вы используете (при условии, что он у вас есть, что необходимо для того, чтобы ваш код считался действительным). Тип документа HTML5 выглядит так:
<!DOCTYPE HTML>Тип документа 4.01:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">Я также предлагаю ознакомиться с самим DTD, если вы собираетесь работать с 4.01, оно ответит на все эти типы вопросов.
источник
Первый лучше всего подходит для SEO, потому что это очень легко проиндексировать Google.
источник