html тэг сильный и правильный способ делать вещи?

Question

Возьмите приведенный ниже код:

<strong><a href="#">Link</a></strong>

Это сделает ссылку жирным.

Теперь рассмотрим следующий пример, который делает то же самое, но который следует использовать изSEO и семантическая точка зрения?

<a href="#"><strong>Link</strong></a>

Answer 1

Нет ничего важного для выбора между ними.

Вы должны использовать их только в том случае, если хотите, чтобы конкретная ссылка имела более сильный акцент.Если вам просто нужны жирные ссылки, то вам следует использовать a { font-weight: bold; } в вашей таблице стилей.

Answer 2

По моему опыту, наложение якорей только на текст или на минимальную требуемую разметку сводит к минимуму ошибки браузера.

Я с уважением не согласен с комментарием Квентина выше. <strong> предлагает истинное семантическое значение, тогда как font-weight: bold; по определению является визуальным семантическим дескриптором. В поддержку этого утверждения здесь приведены ссылки на определения W3C для обоих вместе с первым предложением от каждого.

• http://www.w3.org/TR/REC-CSS1/#font-weight

  Свойство font-weight выбирает вес шрифта.

• http://www.w3.org/TR/html5/text-level-semantics.html#the-strong-element

  Элемент strong представляет большую важность для его содержимого.

Чтобы получить представление о том, насколько преднамеренными являются семантические значения таких элементов, как <strong>, посмотрите изменения определения для <b> и <strong> в документации W3 для измененных элементов в HTML5: www.w3.org/ TR / html5-дифференциалы / # измененные-элементы