Что такое мнемоника (entity)
Мнемоника (HTML entity) — это специальная последовательность символов, начинающаяся с & и заканчивающаяся ;, которая используется для отображения зарезервированных и специальных символов в HTML.
Аналогия из жизни: мнемоника — это как экранирование в Java: чтобы написать кавычку внутри строки, вы пишете
\". Аналогично в HTML, чтобы показать<, вы пишете<.
Зачем нужны мнемоники
HTML использует символы <, >, & для разметки. Если нужно отобразить эти символы как текст, их необходимо заменить мнемониками, иначе браузер интерпретирует их как часть разметки.
Основные мнемоники
| Символ | Мнемоника | Числовой код | Описание |
|---|---|---|---|
< |
< |
< |
Меньше (less than) |
> |
> |
> |
Больше (greater than) |
& |
& |
& |
Амперсанд |
" |
" |
" |
Двойная кавычка |
' |
' |
' |
Одинарная кавычка |
|
|
  |
Неразрывный пробел |
© |
© |
© |
Знак копирайта |
# |
# |
# |
Знак номера |
Пример
Пример
<!-- Без мнемоники — браузер сломает разметку -->
<p>Тег <div> используется для блоков</p> <!-- Ошибка! -->
<!-- С мнемоникой — корректно -->
<p>Тег <div> используется для блоков</p>
Два формата записи
- Именованный:
<— читаемый, но не все символы имеют имя - Числовой:
<или<(hex) — работает для любого Unicode-символа
На собеседовании: мнемоника — это способ отобразить зарезервированные символы HTML (
<,>,&) как текст. Формат:&имя;или&#код;. Обязательно экранировать<,>и&в текстовом контенте, иначе браузер интерпретирует их как разметку.