STRONG, B, I, EM: какой тег использовать и почему?

1. И <strong> и <em> во всем этом?
2. Чем заменить <i> и <b>?
3. &lt;span>: злоупотребление?

Общий вопрос: что такое «хорошее» использование тегов <strong>, <b>, <em> и <i>? Общая тенденция заключается в систематической замене <b> на <strong> и <i> на <em>.

Если бы мы только помнили одну вещь:

<strong> не заменяет тег <b>.
<em> не заменяет тег <i>

Нынешние стандарты, как правило, приглашают веб-дизайнера отделить контент от форматирования, что подразумевает отделение структуры HTML от визуальных эффектов (CSS).

Вот почему все теги, использование которых ограничивалось визуальной визуализацией, стали обесценился или даже устарел наряду с развитием версий HTML.

Общий вопрос: что такое «хорошее» использование тегов <strong>, <b>, <em> и <i>? Распространенная ошибка - всегда заменять <b> на <strong> и <i> на <em>.

Небольшое пояснительное напоминание о разных тегах:

• <I> : Указывает на часть текста в автономном режиме из основного содержимого (по умолчанию курсив)
• <B> : Указывает на текст, выделенный по-другому (по умолчанию выделено жирным шрифтом)
• <Em> : Указывает на часть текста, на которую влияет акцент ,
• <Strong> : Указывает на более сильный акцент (усиление)

Следует отметить, что ни один из этих тегов не считается устарел или устарел в спецификациях HTML4 или HTML5. Теги <i> и <b> - это элементы, единственной целью которых является создание чисто визуального форматирования (для большинства браузеров выбор курсивом для одного и жирным шрифтом для друг с другом).

И <strong> и <em> во всем этом?

С чего начинается беспокойство и путаница, так это то, что браузеры обычно используют курсив для тега <em> и полужирный для тега <strong>. Однако этот обычный выбор браузеров не основан на каком-либо установленном правиле: в будущем они вполне могут решить отображать <strong> с увеличенным размером шрифта или <em> с левым и уменьшенным цветом и т. Д.

Следует признать, что теги <i> и <b> не передают никакого значения (семантики) документу, в отличие от выделенных элементов <strong> и <em>. Однако важно понимать, что курсив и выделение жирным шрифтом не обязательно подразумевают, что текст должен быть более важным. Если это часто так, не думайте, что теги эквивалентны.

Чем заменить <i> и <b>?

В большинстве случаев эти теги используются для визуального придания важности тексту. Поэтому использование тегов <strong> и <em> очень важно в зависимости от силы, которую нужно придать определенному тексту.

К минусам, не стоит предвосхищать рендеринг, который выберет браузер. Лучше всего указать желаемое форматирование с помощью стилей CSS (font-style: italic и font-weight: bold). В соответствии с другими случаями и в соответствии со значением, данным для элемента, теги <Dfn> , <Var> , <Cite> , <Samp> , <Код> или ... <SPAN> гораздо более актуальны.

&lt;span>: злоупотребление?

Использование нейтрального тега <SPAN> может показаться неуместным на первый взгляд. Действительно, он включает в себя относительно сложный код, просто чтобы избежать использования простого тега <i>:

<p> Отображаемый текст <span class = "italic"> курсивом </ span> </ p> .italique {font-style: italic;}

Если целью является отображение текста курсивом, а у тега нет других функций выделения, цитирования и т. Д. Это решение, которое следует использовать.

рекомендации объясните этот момент:

Элементы DIV и SPAN в сочетании с атрибутами id и class обеспечивают общий механизм, который добавляет структуру в документы. Эти элементы определяют контент как встроенный (SPAN) или блочный (DIV), но не навязывают контент другому выражению представления. Таким образом, авторы могут использовать их в сочетании с таблицами стилей, атрибутом lang и т. Д., Чтобы использовать HTML в соответствии со своими потребностями и собственными вкусами.

В следующем примере указывается использование тега <span>:

<span class = "client-title"> Информация о клиенте: </ span>

Позже мы можем легко добавить объявления таблиц стилей, чтобы уточнить представление этих записей в базе данных. Другой пример использования см. В разделе атрибутов class и id.

Хотя результат тяжелее, чем использование тегов <i> и <b>, лучше всего использовать эту технику, если цель состоит только в том, чтобы получить курсив или жирный визуальный эффект.

Похожие

Комментарии