Разницу между em и Strong можно обсудить на трех уровнях.
Сначала взгляните на инструкции в HTML 4.01:
EM: указывает на акцент.
СИЛЬНЫЙ: указывает на более сильный акцент.
em означает акцент, сильный означает более сильный акцент. Краткое и лаконичное изложение показывает происхождение наименования em и Strong. А в браузере em по умолчанию выделяется курсивом, аstrong — жирным. Это первый уровень различия.
На втором уровне есть хорошие резюме в двух статьях. Ударение в контексте по сравнению с общим выделением и em по сравнению с сильным:
em для локального акцента. Если вы хотите подчеркнуть слово в речи, используйте em.
Strong предназначен для глобального выделения. Когда кто-то смотрит на ваш документ, при первом взгляде должны бросаться в глаза определенные слова и фразы. Это слова и фразы, которые составляют суть контента — основные моменты.
em используется для локального акцента, а Strong — для глобального акцента. С визуальной точки зрения их акцент в порядке, и вы заметите это только тогда, когда будете где-то читать. Ударение сильное — это случайная и неупорядоченная ключевая фраза, которая сразу выделяется при чтении определенной статьи. Курсив и жирный шрифт просто удовлетворяют этим двум визуальным эффектам, поэтому они стали стилями em и Strong по умолчанию.
Как вы думаете, выше это ясно объяснили? Давайте посмотрим на различия на третьем уровне. Это подробно объяснено в черновике HTML5:
Элемент em представляет собой ударение в его содержимом. Расстановка ударения меняет смысл предложения.
Сильный элемент указывает на большую важность его содержания. Изменение важности части текста с помощью сильного элемента не меняет смысла предложения.
em представляет акцент на ударении в содержании, а Strong представляет важность содержания. Strong не изменит семантику предложения, но em изменит семантику предложения. И привел очень хороший пример:
<p><em>Кошки</em> — милые животные.</p>
Акцент на кошках, обсуждение какое животное умное и милое.
<p>Кошки <em>я</em> милые животные.</p>
Акцент делается на том, умны ли кошки и милы ли они.
<p>Кошки — <em>милые</em> животные.</p>
Подчеркивая ум и привлекательность, дискуссия идет о том, умны ли кошки и милы или глупы и раздражительны.
<p><strong>Внимание!</strong> Это подземелье опасно.
<strong>Избегайте уток.</strong> Возьмите любое найденное золото.
<strong><strong>Не берите алмазы</strong>,
они взрывоопасны и <strong>уничтожат все внутри
десять метров.</strong></strong> Вас предупредили.</p>
Strong выражает акцент на важности и не вызывает изменения смысла предложения. Наконец, обратите внимание, что и em, и Strong могут иметь несколько значений. Например, два Strong могут использоваться для обозначения важности содержимого.
Видно, что локальный акцент и глобальный акцент, упомянутые на втором уровне, недостаточно точны. Тайна разницы между em иstrong полностью объяснена в черновике HTML5. Рекомендуется внимательно прочитать черновик HTML5, когда у вас будет время. Семантика многих элементов объяснена очень понятно, что очень ценно для нас, поскольку мы используем наиболее подходящие метки в самых подходящих местах.
Наконец, в ответах на статью «Фронт-энд и мигранты» и в полученных письмах я, к сожалению, не нашел никого, кто знал бы разницу на третьем уровне. Поэтому подарки, которые я подготовил (на самом деле я приготовил их 10 штук), были настолько одиноки, что я не мог их отправить. Однако эта статья является лишь введением. Далее я воспользуюсь серией статей для изучения семантики элементов в HTML. Обещание подарков продолжает действовать, оставляя его для следующей темы:
Объясните, пожалуйста, семантику dl и перечислите не менее 5 сценариев использования.
Вы можете проверить информацию и опубликовать результаты в ответе или отправить мне по электронной почте. Подарки ограничены и будут вручены первым 10 правильным ответам.
Дополнение: после обсуждения этого вопроса с друзьями мое окончательное мнение таково:
em — это ударение в предложении, и независимо от того, добавлено оно или нет, это приведет к семантическим изменениям.
Strong предназначен для подчеркивания важности и не имеет ничего общего с локальной или глобальной ситуацией. Вы также можете использовать Strong, чтобы подчеркнуть локальную часть. Strong подчеркивает важность и не меняет смысла предложения.