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