[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"question-osnovy-html-chto-takoe-mnemonika-entity":3},{"id":4,"slug":5,"topicId":6,"topicSlug":7,"topicName":8,"topicEmoji":9,"question":10,"answer":11,"codeLang":12,"codeSrc":12,"important":12,"commonMistakes":12,"modernUsage":12,"difficulty":13,"tags":14,"related":19,"progress":20,"seo":21},1249,"chto-takoe-mnemonika-entity",39,"osnovy-html","Основы HTML","📄","Что такое мнемоника (entity)","Мнемоника (HTML entity) — это специальная последовательность символов, начинающаяся с `&` и заканчивающаяся `;`, которая используется для отображения зарезервированных и специальных символов в HTML.\n\n> Аналогия из жизни: мнемоника — это как экранирование в Java: чтобы написать кавычку внутри строки, вы пишете `\\\"`. Аналогично в HTML, чтобы показать `\u003C`, вы пишете `&lt;`.\n\n### Зачем нужны мнемоники\n\nHTML использует символы `\u003C`, `>`, `&` для разметки. Если нужно отобразить эти символы как текст, их необходимо заменить мнемониками, иначе браузер интерпретирует их как часть разметки.\n\n### Основные мнемоники\n\n| Символ | Мнемоника | Числовой код | Описание |\n|--------|----------|-------------|----------|\n| `\u003C` | `&lt;` | `&#60;` | Меньше (less than) |\n| `>` | `&gt;` | `&#62;` | Больше (greater than) |\n| `&` | `&amp;` | `&#38;` | Амперсанд |\n| `\"` | `&quot;` | `&#34;` | Двойная кавычка |\n| `'` | `&apos;` | `&#39;` | Одинарная кавычка |\n| ` ` | `&nbsp;` | `&#160;` | Неразрывный пробел |\n| `©` | `&copy;` | `&#169;` | Знак копирайта |\n| `#` | `&num;` | `&#35;` | Знак номера |\n\n### Пример\n\n```html\n\u003C!-- Без мнемоники — браузер сломает разметку -->\n\u003Cp>Тег \u003Cdiv> используется для блоков\u003C\u002Fp>  \u003C!-- Ошибка! -->\n\n\u003C!-- С мнемоникой — корректно -->\n\u003Cp>Тег &lt;div&gt; используется для блоков\u003C\u002Fp>\n```\n\n### Два формата записи\n\n- Именованный: `&lt;` — читаемый, но не все символы имеют имя\n- Числовой: `&#60;` или `&#x3C;` (hex) — работает для любого Unicode-символа\n\n> **На собеседовании:** мнемоника — это способ отобразить зарезервированные символы HTML (`\u003C`, `>`, `&`) как текст. Формат: `&имя;` или `&#код;`. Обязательно экранировать `\u003C`, `>` и `&` в текстовом контенте, иначе браузер интерпретирует их как разметку.","","junior",[15,16,17,18],"основы","html","frontend","синтаксис",[],null,{"title":22,"description":23,"ogTitle":24,"ogDescription":25,"keywords":26,"schemaAnswer":37,"featuredSnippetReady":38},"Что такое мнемоника (entity) — Gymterview","HTML-мнемоники (entities): специальные последовательности для отображения зарезервированных символов. Таблица основных мнемоник: &lt; &gt; &amp; &nbsp; &copy;.","Мнемоники (entities) в HTML — Gymterview","Мнемоника — способ отобразить зарезервированные символы (\u003C, >, &) как текст. Форматы: &имя; и &#код;. Таблица основных мнемоник.",[27,28,29,30,31,32,33,34,35,36],"мнемоника","entity","HTML entity","&lt;","&gt;","&amp;","&nbsp;","спецсимволы","экранирование","собеседование","Мнемоника (HTML entity) — специальная последовательность символов (&имя; или &#код;), используемая для отображения зарезервированных и специальных символов в HTML. Обязательно экранировать \u003C, > и & в текстовом контенте, иначе браузер интерпретирует их как разметку.",true]