Это имеет значение <сильное> в <них> или <них> в <сильном>?
Это имеет значение <strong> в <em>
<p><strong><em>Some text</em></strong></p>
или <em> в <strong>?
<p><em><strong>Some text</strong></em></p>
Который семантически корректен и более доступен?
Обновление:
Как программа для чтения с экрана вела бы себя в обеих ситуациях?
5 ответов
Если вас волнует семантическое значение, вам следует избегать использования обоих em и ] strong на элементе.
Сильный: Отображает как сильно выделенный текст
( через )
Если вам важен правильный HTML, оба решения хороши и действительны.
Согласно w3 strong - это сильный акцент . Это означает, что em и strong не должны использоваться вместе семантически, поскольку strong уже является em .
Если вы считаете, что сильное выделение должно быть выделено жирным курсивом, я думаю, вам следует просто добавить объявление css, в котором выделение сильного выделения должно быть жирным курсивом.
Синтаксически правильный, но не семантически правильный. - это форма «высшего порядка», так сказать, для . Если вы ищете эффект от и , используйте CSS. Помните, что нужно выбирать элементы не по внешнему виду, а по их значению.
С точки зрения визуальных эффектов это не имеет значения.
В семантическом значении это имеет значение, поскольку вы используете акцент и сильный акцент в одном и том же элементе (некотором тексте). Это то же самое, что использовать h1 в некоторых местах только потому, что вам нужны большие тексты, а не потому, что они заголовки.
EM: Обозначает выделение.
СИЛЬНЫЙ: указывает на более сильный акцент.
Представление элементов фразы зависит от пользовательского агента. Обычно визуальные пользовательские агенты выделяют EM-текст курсивом, а СИЛЬНЫЙ текст - жирным шрифтом. ** Пользовательские агенты синтезатора речи могут изменять параметры синтеза, например в виде громкости, высоты тона и скорости соответственно.
Так что будьте осторожны. Используйте CSS для улучшения визуальных эффектов, а не разметки.
Оба перечисленных вами способа являются совершенно правильными с точки зрения разметки, если вы не перепутаете порядок закрывающих тегов. Это было бы неправильно:
<p><em><strong>Some text</em></strong></p>