Я завжди натрапляю на це (досить просте запитання), коли створюю, наприклад, щоденники 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 індексує це дуже легко.