HTML
Форматирование текста

Вступление

Синтаксис

• <abbr>Abbreviation</abbr>
• <b>Bold Text</b>
• <del>Deleted Text</del>
• <em>Emphasized Text</em>
• <i>Italic Text</i>
• <ins>Inserted Text</ins>
• <mark>Marked (or Highlighted) Text</mark>
• <s>Stricken Text</s>
• <strong>Strong Text</strong>
• <sub>Subscript Text</sub>
• <sup>Superscript Text</sup>
• <u>Underlined Text</u>

Жирный, Курсив и Подчеркивание

Жирный текст

Для полужирного текста используйте теги <strong> или <b> :

<strong>Bold Text Here</strong>

или же

<b>Bold Text Here</b>

Какая разница? Семантика. <strong> используется для обозначения того, что текст имеет фундаментальное или семантическое значение для окружающего текста, а <b> указывает на такое значение и просто представляет текст, который должен быть выделен полужирным шрифтом.

Если бы вы использовали <b> программа «текст в речь» не произносила бы слово (слова) не иначе, как любое из других слов вокруг него - вы просто обращаете на них внимание, не добавляя никакой дополнительной важности. Используя <strong> , тем не менее, одна и та же программа хотела бы произнести эти слова другим голосом, чтобы передать, что текст в какой-то мере важен.

Курсивный текст

Для наложения курсивом используйте теги <em> или <i> :

<em>Italicized Text Here</em>

или же

<i>Italicized Text Here</i>

Какая разница? Семантика. <em> используется, чтобы указать, что текст должен иметь дополнительный акцент, который следует подчеркнуть, а <i> просто представляет текст, который должен быть удален из обычного текста вокруг него.

Например, если вы хотите подчеркнуть действие внутри предложения, можно сделать это, выделив его курсивом через <em> : «Вы уже представили бы редактирование уже?»

Но если бы вы идентифицировали книгу или газету, которую обычно выделяли стилистически, вы просто использовали бы <i> : «Я был вынужден читать Ромео и Джульетту в старшей школе.

Подчеркнутый текст

Хотя сам элемент <u> устарел в HTMl 4, он был повторно введен с альтернативным смысловым значением в HTML 5 - для представления неаркулированной, нетекстовой аннотации. Вы можете использовать такой рендеринг для обозначения текста с ошибками на странице или для отметки имени пользователя в Китае.

<p>This paragraph contains some <u>mispelled</u> text.</p>

Выделив

Элемент <mark> является новым в HTML5 и используется для выделения или выделения текста в документе «из-за его значимости в другом контексте». ¹

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

<p>Here is some content from an article that contains the <mark>searched query</mark>
that we are looking for. Highlighting the text will make it easier for the user to 
find what they are looking for.</p>

Выход:

Обычное стандартное форматирование - черный текст на желтом фоне, но это можно изменить с помощью CSS.

Вставить, удалить или удалить

Чтобы пометить текст как вставленный, используйте <ins> :

<ins>New Text</ins>

Чтобы пометить текст как удаленный, используйте <del> :

<del>Deleted Text</del>

Чтобы пробить текст, используйте <s> :

<s>Struck-through text here</s>

Верхний индекс и подстрочный индекс

Чтобы компенсировать текст вверх или вниз, вы можете использовать теги <sup> и <sub> .

Чтобы создать надстрочный индекс:

<sup>superscript here</sup>

Чтобы создать индекс:

<sub>subscript here</sub>

Сокращение

Чтобы отметить какое-то выражение как аббревиатуру, используйте <abbr> :

<p>I like to write <abbr title="Hypertext Markup Language">HTML</abbr>!</p>

Если присутствует, атрибут title используется для представления полного описания такой аббревиатуры.