Форматирование текста
Форматирование текста — это способ сделать текст красивым и удобным для чтения.
Мы уже рассматривали некоторые приёмы форматирования текста, такие как создание заголовков и абзацев. Рассмотрим способы выделения отдельных слов (символов).
В HTML есть два способа выделения текста:
семантическое и
визуальное.
Семантическое выделение помогает сделать текст более понятным и доступным, в то время как визуальное выделение просто изменяет его внешний вид. Правильное использование семантических тегов важно для поисковой оптимизации (SEO) и доступности веб-контента.
Семантическое выделение использует теги, которые передают смысл или важность текста.
Преимущества:
- Помогает поисковым системам и вспомогательным технологиям (например, скринридерам) понять контекст и структуру текста.
- Улучшает доступность для пользователей с ограничениями по зрению, так как эти теги могут быть озвучены с особой интонацией.
Визуальное выделение использует теги, которые изменяют внешний вид текста, но не передают его смысл.
Таблица с вариантами семантического и визуального выделения
| Описание |
Семантическое выделение текста |
Визуальное выделение текста |
| Выделение жирным |
<strong>Текст</strong> |
<b>Текст</b> |
| Выделение курсивом |
<em>Текст</em> |
<i>Текст</i> |
| Подчеркивание |
Нет отдельного тега |
<u>Текст</u> |
| Выделение фона |
<mark>Текст</mark> |
Нет отдельного тега |
| Зачеркивание |
Нет отдельного тега |
<s>Текст</s> |
| Цитата |
<blockquote>Цитата</blockquote>
используется для длинных цитат |
<q>Цитата</q>
используется для коротких цитат |
