Какова наилучшая практика при вложенности встроенных и привязывающих тегов?
<strong><a href="">link</a></strong>
или <a href=""><strong>link</strong></a>
Удивительно, но я не нашел здесь ответа или искал его.
Какова наилучшая практика при вложенности встроенных и привязывающих тегов?
<strong><a href="">link</a></strong>
или <a href=""><strong>link</strong></a>
Удивительно, но я не нашел здесь ответа или искал его.
Нет.
Если это всего лишь стилизация всего тэга <a>
, выделенного полужирным шрифтом, сделайте это с помощью CSS и оставьте тег <strong>
, где он будет иметь существенное смысловое значение.
<a>
имеют конкретное значение, и их смещение не изменит этого значения.
Моя интерпретация стандарта HTML 2 заключается в том, что
<a><strong></strong></a>
будет правильным:
5,7. Фразовая разметка
Фразы могут быть отмечены в соответствии с идиоматическим использованием, типографским внешний вид, или для использования в качестве якорей гиперссылок.
с точки зрения SEO, оба являются плохими, правильная форма:
<a href="">in a relevant phrase a <strong>relevant</strong>link</a>
Ответ: либо это нормально, так как они являются встроенными элементами.
Однако, если вы хотите сделать содержимое всего якоря полужирным, я бы сделал это снаружи; это больше относится к сфере видимости - я ясно даю понять, что я хочу, чтобы все элементы этого элемента были выделены жирным шрифтом.
Я бы поставил прочные теги внутри ссылки только тогда, когда захотел обмануть часть ссылки (возможно, нажмите здесь).
Есть разница, например, если ваша таблица стилей определяет:
a {
font-weight: normal;
}
Если вы поместите <a>
в элемент <strong>
, ссылка не будет выделена жирным шрифтом, если вы поместите теги <strong>
в <a>
, это будет. На мой взгляд <strong>
должен находиться внутри <a>
.
EDIT: Обратите внимание, что я не советую кому-либо сделать это, я просто указываю, что есть случаи, когда порядок тегов делает заметную разницу. Как отметил Михалис Багос; Я думаю, что лучше всего опустить тег <strong>
, если вся ссылка будет выделена жирным шрифтом.
При прочих равных условиях <strong><a href="">link</a></strong>
немного лучше, так как тогда самая внутренняя разметка для ссылки, и это помогает поддерживать постоянство связи. Когда-нибудь кто-то захочет установить цвет для сильно подчеркнутых текстов, т.е. Для элементов <strong>
. Простое назначение цвета тогда не повлияло бы на цвет сильно подчеркнутых ссылок, позволяя преобладать цвета ссылок - и такие вещи, как разные цвета для посещенных, невидимых, зависающих и активных ссылок, могут быть существенными для удобства использования.
Но если вы вложите их в другую сторону, вам просто нужно быть более осторожными в стилизации.
Это зависит от того, хотите ли вы позже изменить содержимое ссылки с помощью javascript. Положив сильное вокруг a, убедитесь, что новый контент также отображается сильным.