Якоря внутри заголовков, или наоборот?
Я всегда натыкаюсь на это (довольно простой вопрос) при создании, например, блогов Wordpress. Я должен обернуть заголовок, который также должен быть ссылкой, в якорь <a> элемент, или это должно быть наоборот. И почему?
(1):
<a href="foo">
<h1>bar</h1>
</a>
(2):
<h1>
<a href="foo">bar</a>
</h1>
Я всегда в конечном итоге делает (1), как мне кажется более логичным, что заголовок завернут в ссылку.
есть ли какая-нибудь разница, например, в SEO? Есть ли лучшая практика?
2 ответов:
до HTML5:
Якорь должен быть внутри заголовка, вы не можете поместить элемент уровня блока внутри якоря, и большинство браузеров не будет отображать его на 100% надежно, если вы это сделаете.в HTML5:
Это не имеет значения, используйте тот, который делает больше всего семантический смысле. Скорее всего, первый.помните, что если ваш документ использует HTML4 DTD, он не будет проверять и может не отображаться правильно, потому что это используя старые правила, где якорь не может содержать элемент уровня блока. Используйте только первый вариант в HTML5. XHTML эквивалентен HTML4, но я не уверен на 100% в XHTML1.1 (Попробуйте и посмотрите, проверяет ли он).
Если вы используете HTML 4.01 DTD (не уверен в переходном, но определенно строгом), то элемент привязки должен появиться внутри элемента заголовка. Проверьте свой doctype, если вы не знаете, какой DTD вы используете (предполагая, что у вас есть один, который вам нужен для того, чтобы код oyur считался действительным). Доктип 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, он ответит на все эти вопросы.
Comments