Как использовать HTML спецсимволы
Кликните на любой символ в таблице выше — HTML-код (например © или —) скопируется в буфер обмена. Вставьте его в HTML-код вашей страницы.
Символы можно вставлять тремя способами: именованная сущность (©), числовой код (©) или UTF-8 символ напрямую (©). Для HTML-кода рекомендуются именованные сущности — они более читаемы.
Когда нужны HTML-сущности
HTML-сущности обязательны для символов которые имеют специальное значение в HTML: <, >, &, ". Для остальных символов (©, ™, €) можно использовать UTF-8 символ напрямую, если сайт работает в кодировке UTF-8 (большинство современных сайтов).
Часто задаваемые вопросы
Как вставить символ рубля ₽ в HTML?
Символ рубля (₽) — HTML-код: ₽ или ₽ или просто UTF-8 символ ₽ напрямую. В WordPress и большинстве CMS можно вставлять ₽ напрямую — сайт работает в UTF-8. Для гарантированного отображения используйте ₽ или CSS с Unicode: content: ’20BD’.
Как написать «больше чем» и «меньше чем» в HTML?
В HTML символы < и > зарезервированы для тегов. Используйте: < для < (less than) и > для > (greater than). В тексте страницы можно писать < и > напрямую — браузер правильно их отобразит. Но в атрибутах тегов и внутри тегов — только < и >.
Что такое неразрывный пробел и зачем он нужен?
(Non-Breaking Space) — пробел который не позволяет браузеру переносить текст на следующую строку. Используется для: чисел с единицами (100 км), предлогов в конце строки (в Москве), неделимых комбинаций (Иван Иванов). Не используйте для создания отступов — это семантически неверно, используйте CSS padding/margin.
Можно ли использовать эмодзи в HTML напрямую?
Да. Современные браузеры поддерживают эмодзи в UTF-8. Вставляйте их напрямую в HTML или через числовой Unicode-код: 😀 = 😀. Для SEO добавляйте эмодзи в мета-теги осторожно: Яндекс корректно их индексирует, в сниппете они могут выглядеть привлекательно, но не злоупотребляйте.
