Вообще большинство HTML-тегов используются для создания элементов, но в HTML также имеются теги форматирования текста, позволяющие применять определенные стили к частям текста. В этом разделе приведены примеры форматирования текста в формате HTML, такие, как пометка, выделение жирным шрифтом, подчеркивание, индекс и перечеркнутый текст.
Элемент <mark>
является новым в HTML5 и используется для пометки или выделения текста в документе Наиболее распространенным примером его использования является выделение результата поиска.
Например,
<p>Ниже приведен некоторый контент, содержащей запрос <mark>поиск</mark>.
Выделение текста облегчит пользователю нахождение искомого. </p>
Отобразит:
Ниже приведен некоторый контент, содержащей запрос поиск. Выделение текста облегчит пользователю нахождение искомого.
Обычное стандартное форматирование для данного элемента - черный текст на желтом фоне, но это можно изменить с помощью CSS.
Для полужирного текста используйте теги <strong>
или <b>
:
<strong>Это жирный текст</strong>
или
<b>Это жирный текст</b>
Разница между ними только в семантике. Тег <strong>
используется для обозначения важного текста, тег <b>
не указывает на такое значение, а просто представляет текст, который должен быть выделен полужирным шрифтом.
Если использовать тег <b>
, то голосовые браузеры не будут выделять отмеченные слова и они будут звучать так же как любое из других слов вокруг него. Используя тег <strong>
голосовые браузеры будет выделять такие слова, чтобы передать, что текст в какой-то мере важен.
Для использования курсива применяйте теги <em>
или <i>
:
<em>Это курсивный текст</em>
или
<i>Это курсивный текст</i>
Разница между ними только в семантике. Тег <em>
используется , чтобы указать, что текст должен иметь дополнительный акцент, который следует подчеркнуть, тег <i>
не указывает на такое значение, а просто представляет текст, который должен быть выделен курсивом.
Например, если вы хотите подчеркнуть действие внутри предложения, можно сделать это, выделив его курсивом через <em>
: "Вы уже отправили отчет?"
Но если вам нужно идентифицировать книгу или газету, которую обычно выделяют стилистически, вы можете использовать просто <i>
: "Я прочитал Ромео и Джульетту в старшей школе."
Хотя сам элемент <u>
устарел еще в HTML4, он был повторно введен с альтернативным смысловым значением в HTML5 - для представления неартикулированной, нетекстовой аннотации. Вы можете использовать такое выделение для обозначения текста с ошибками или для выделения имени пользователя в Китае.
Рекомендуется избегать использования элемента <u>
там, где его можно спутать с гиперссылками.
Пример:
<p>Этот параграф содержит некоторый <u> ошЫбочный </u> текст.</p>
Этот параграф содержит некоторый ошЫбочный текст.
Чтобы отметить какое-то выражение как аббревиатуру, используйте тег <abbr>
:
<p>Мне нравится писать на <abbr title = "Язык гипертекстовой разметки">HTML</abbr>!</p>
Мне нравится писать на HTML !
Если присутствует, атрибут title
, то он позволяет увидеть полное описание такой аббревиатуры.
Чтобы пометить текст как вставленный, используйте тег <ins>
:
<ins> Новый текст </ins>
Новый текст
Чтобы пометить текст как удаленный, используйте тег <del>
:
<del> Удаленный текст </del>
Удаленный текст
Элемент del
представляет собой удаление из документа. Такие элементы не должны пересекать подразумеваемые границы абзаца.
Чтобы пометить текст как перечеркнутый, используйте тег <s>
:
<s> Перечеркнутый текст </s>
Перечеркнутый текст
Элемент s
представляет собой содержимое, которое больше не является точным или не актуально.
Чтобы сместить текст вверх или вниз используются теги <sup>
и <sub>
.
Чтобы создать верхний индекс:
x<sup>2</sup>+x-4=0
x2+x-4=0
Чтобы создать нижний индекс:
HCl+NaOH=H<sub>2</sub>O+NaCl
HCl+NaOH=H2O+NaCl