<strong><a> или <a><strong>?

Question

Какова наилучшая практика при вложении тегов inline и anchor?

<strong><a href="">link</a></strong> или <a href=""><strong>link</strong></a>

Удивительно, но я не нашел здесь ответа и не нашел его.

Answer 1

Ни один не является правильным.

Если это просто вопрос оформления всего тега <a> жирным шрифтом, сделайте это с помощью CSS и оставьте тег <strong> там, где он будет иметь значительное семантическое значение.

<a> у тегов есть определенное значение, и просто выделение их всех не изменит этого значения.

Answer 2

Моя интерпретация стандарта HTML 2 заключается в том, что <a><strong></strong></a> будет правильно:

5,7. Разметка фразы

Фразы могут быть размечены в соответствии с идиоматическим использованием, типографские или для использования в качестве якоря гиперссылки .

Answer 3

с точки зрения SEO, оба плохие, правильная форма:

<a href="">in a relevant phrase a <strong>relevant</strong>link</a>

Answer 4

Ответ, либо в порядке, на самом деле, поскольку они являются встроенными элементами.

Однако, если вы хотите сделать содержимое всего якоря жирным, я бы выбрал его снаружи; это более масштабная вещь - я даю понять, что хочу, чтобы все дочерние элементы этого элемента были жирными.

Я бы помещал сильные теги внутри ссылки только тогда, когда я хотел укрепить часть ссылки (например, нажмите здесь ).

Answer 5

Существует разница, например, если ваша таблица стилей определяет:

a {
    font-weight: normal;
}

Если вы поместите <a> в элемент <strong>, ссылка не будет выделена жирным шрифтом, если вы поставите <strong> теги в пределах <a> будут.На мой взгляд, <strong> должно быть внутри <a>.

РЕДАКТИРОВАТЬ: Обратите внимание, что я никому не советую делать это, я просто указываю, что есть случаи, в которых порядок тегов имеет заметное значение.Как отметил Михалис Багос;Я думаю, что будет лучше опустить тег <strong>, если вся ссылка будет выделена жирным шрифтом.

Answer 6

При прочих равных условиях <strong><a href="">link</a></strong> немного лучше, так как тогда самая внутренняя разметка предназначена для ссылки, и это помогает поддерживать согласованность внешнего вида ссылки.Когда-нибудь кто-то захочет установить цвет для сильно выделенных текстов, то есть для <strong> элементов.Простое назначение цвета в таком случае не повлияет на цвет сильно выделенных ссылок, позволяя преобладать цветам ссылок, и такие вещи, как разные цвета для посещенных, не посещенных, открытых и активных ссылок, могут быть важны для удобства использования.

Но если вывложите их наоборот, вам просто нужно быть более осторожным в укладке.

Answer 7

Зависит от того, хотите ли вы позже изменить содержание ссылки с помощью javascript. Размещение сильного вокруг a гарантирует, что новый контент также будет отображаться сильным.