В чем разница между <a href="#"><strong>link</strong></a>
и <strong><a href="#">link</a></strong>
?
Какой вариант считается семантически верным?
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуВ чем разница между <a href="#"><strong>link</strong></a>
и <strong><a href="#">link</a></strong>
?
Какой вариант считается семантически верным?
Сугубо имхо, но первый вариант представляется более логичным. Такие ссылки:
<a href="#"><strong>link</strong></a>
<a href="#"><strong>several words link</strong></a>
при необходимости (например, если завтра внезапно окажется, что, допустим, из эстетических соображений, выделять во многословной ссылке нужно только одно ключевое слово) легко и без нарушения единообразия форматирования превращаются в
<a href="#"><strong>link</strong></a>
<a href="#">several words <strong>link</strong></a>
А вот во втором случае
<strong><a href="#">link</a></strong>
<strong><a href="#">several words link</a></strong>
превратятся в
<strong><a href="#">link</a></strong>
<a href="#">several words <strong>link</strong></a>
А подобный разнобой никак не назовешь плюсом.
В W3C спецификации теги EM и STRONG вынесены в раздел Структурированный текст -> Элементы фраз.
EM: Indicates emphasis.
STRONG: Indicates stronger emphasis.
Внешний вид, как будут отображаться элементы фраз, определяется браузером. Эти теги могут учитываться, например, Text-to-Speech движками для изменения интонации или громкости голоса.
(с) toster
Как можно сделать вывод, только для текста.
Я считаю, что <a href="#"><strong>link</strong></a>
будет правильнее с точки зрения логики, и как следствие семантики.
С точки зрения SEO, по идее, не должно быть разницы. Как минимум ни в каких документах подобных упоминаний я не видел.
Кстати аналогичный вопрос: https://stackoverflow.com/questions/7892186/html-tag-strong-and-correct-way-of-doing-things