Спецсимволы в HTML
В HTML есть символы, которые нельзя написать просто так. Например, угловые скобки используются для тегов, а амперсанд — для начала самой спецпоследовательности. Для их отображения применяют HTML-сущности (спецсимволы).
1. Основные спецсимволы
| Результат | Как написать в коде | Описание |
|---|---|---|
| < | < |
Меньше (less than) — нужно для показа тегов на странице |
| > | > |
Больше (greater than) — нужно для показа тегов на странице |
| & | & |
Амперсанд (ampersand) — нужен, чтобы написать сам спецсимвол |
|
Неразрывный пробел — запрещает перенос строки в этом месте | |
| © | © |
Знак копирайта (copyright) |
| ® | ® |
Зарегистрированная торговая марка (registered) |
| ™ | ™ |
Торговая марка (trademark) — ™ |
| — | — |
Длинное тире (em dash) — используется в тексте как пауза |
| – | – |
Короткое тире (en dash) — для диапазонов (10–20 км) |
| « | « |
Левая двойная кавычка-ёлочка («) |
| » | » |
Правая двойная кавычка-ёлочка (») |
| … | … |
Многоточие (…) |
2. Когда это нужно
Пример 1: показать код на странице
Если вы хотите показать пример тега в своей лекции, нужно заменять угловые скобки на < и >.
<p>Это абзац</p>Что увидит пользователь:
Пример 2: неразрывный пробел
Обычный пробел браузер может перенести на новую строку. Неразрывный пробел запрещает перенос в этом месте.
Это три неразрывных пробела.Что увидит пользователь:
Пример 3: типографские символы
Длинное тире, кавычки-ёлочки, знаки копирайта делают текст профессиональнее.
© 2025 DevSkillRoad — Все права защищены.Что увидит пользователь:
3. Полные справочники
В интернете есть полные таблицы всех HTML-сущностей (например, на справочных сайтах). Если вам понадобится редкий символ — вы легко его найдёте по запросу «HTML спецсимволы таблица».
4. Что нельзя делать
- Использовать обычные угловые скобки для показа кода — браузер примет их за теги.
- Злоупотреблять
вместо отступов — для отступов есть CSS. - Заменять все кавычки на спецсимволы — обычные двойные и одинарные работают нормально.