Ответ
HTML entities — это специальные коды, используемые для отображения символов, которые имеют особое значение в HTML или не могут быть напрямую введены с клавиатуры. Они начинаются с амперсанда (&) и заканчиваются точкой с запятой (;).
Примеры:
<→<(меньше)>→>(больше)&→&(амперсанд) → неразрывный пробел
Используются для:
- Экранирования спецсимволов (
<,>,&), чтобы браузер не интерпретировал их как теги. - Отображения символов, отсутствующих на клавиатуре (например,
©→ ©).
<p>Для вставки тега используйте <div>, а для символа — €</p>Ответ 18+ 🔞
А, ну вот, подъехали к теме, которая у новичков мозги выносит напрочь! HTML-сущности, ёпта. Выглядит как какая-то шифровка для своих, но на деле всё просто, как три копейки.
Смотри, есть в HTML символы-засранцы. Вот, например, знак «меньше» — <. Браузер его видит и думает: «Ага, это начало тега, щас пойдёт разбор полётов!». А если тебе нужно просто написать в тексте <div>? Вот тут-то и приходят на помощь эти самые entities, то бишь сущности.
Работают они по принципу «скажи пароль — проходи». Начинается всё с амперсанда (&), потом идёт кодовое имя, а закрывается точкой с запятой (;). Браузер видит эту конструкцию, понимает намёк и показывает нужный символ.
Вот тебе классика жанра, без которой нихуя не соберёшь:
<→ вот это и есть наш<(less than)>→ а это его брат-близнец>(greater than)&→ а это, блядь, рекурсия! Сам амперсанд&. Иначе как его написать, если он начало всех начал? → неразрывный пробел. Чтоб слова, сука, не разъезжались в разные стороны, когда не надо.
Зачем это всё, спрашивается? Да по двум причинам, в основном:
- Экранирование. Чтобы браузер не обосрался, увидев служебные символы. Хочешь в статье написать «используйте тег
<div>» — пиши<div>. И все будут счастливы. - Спецсимволы. Ну там всякие копирайты, евро, градусы. На клавиатуре их нет, а вставить охота. Пожалуйста:
©→ ©,€→ €,°→ °. Красота!
Смотри, как это в коде выглядит, тут всё остаётся как есть, я не трогаю:
<p>Чтобы вставить пример тега, пиши так: <div class="block">, а цена будет €10.</p>Вот и вся магия. Не так страшен чёрт, как его <div>. Главное — запомнить основных бандитов (<, >, &), а остальное гуглится за две секунды, когда надо.