Имеет ли значение <strong>в <em>или <em>в <strong>? - PullRequest
9 голосов
/ 04 февраля 2010

Имеет ли значение <strong> в <em>

<p><strong><em>Some text</em></strong></p>

или <em> в <strong>?

<p><em><strong>Some text</strong></em></p>

Что семантически правильно и более доступно?

Обновление:

Как программа чтения с экрана будет вести себя в обеих ситуациях?

Ответы [ 6 ]

8 голосов
/ 04 февраля 2010

Синтаксически правильно, но не семантически правильно. <strong> является, так сказать, формой "высшего порядка" <em>. Если вы ищете эффект <b> и <i>, используйте CSS. Не забывайте выбирать элементы не из-за их внешнего вида, а из-за их значения.

6 голосов
/ 04 февраля 2010

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

<p><em><strong>Some text</em></strong></p>
6 голосов
/ 04 февраля 2010

Если вам небезразлично семантическое значение, вам следует избегать использования em и strong в элементе.

Сильный: делает сильный ударение Текст

( 1010 * с помощью *)

Если вам нужен правильный HTML, оба решения хороши и действительны.

5 голосов
/ 04 февраля 2010

Согласно w3 strong это сильный акцент . Это означает, что em и strong не должны использоваться вместе семантически, поскольку strong уже является em.

Если вы считаете, что сильный акцент должен быть выделен жирным курсивом, я думаю, вам следует просто добавить декларацию CSS, в которой вы выделяете сильный как жирный курсив.

4 голосов
/ 04 февраля 2010

В визуальном эффекте это не имеет значения.

В семантическом значении это важно, так как вы используете акцент и сильный акцент в одном элементе (текст) Это то же самое, что в некоторых местах использовать h1 только потому, что вам нужны большие тексты, а не потому, что они заголовки.

EM: обозначает акцент.

СИЛЬНЫЙ: указывает на более сильный акцент.

Источник

Презентация элементов фразы зависит от агента пользователя. В общем-то, визуальные агенты пользователя представляют EM текст в курсив и СИЛЬНЫЙ текст жирным шрифтом. ** Агенты пользователя синтезатора речи могут изменить параметры синтеза, такие как громкость, высота и скорость соответственно.

Так что будьте осторожны. Используйте CSS для создания визуальных эффектов, а не для разметки.

1 голос
/ 08 ноября 2012

В (X) HTML5 определения / значения:

  • em: представляет ударение на акценте его содержания (изменяет значение предложения)
  • strong: представляет большую важность для его содержания (не меняет смысла предложения)

Таким образом, эти элементы могут использоваться совместно в принципе.

Чтобы получить представление, подумайте о том, чтобы прочитать текст вслух (хотя и зависит от языка): em может изменить интонацию (ударение), strong может увеличить громкость.

Я думаю, что семантически не имеет значения, если вы используете <strong><em>foo</em></strong> или <em><strong>foo</strong></em>; по крайней мере, я не смог найти ничего связанного в спецификации.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...