Таблица HTML-символов
Спецсимволы в HTML записываются тремя способами: сам символ, мнемоника вида — и числовой код вида —. Работают все три, но у каждого своя область: мнемоники читаемее в коде, числовые коды выручают там, где мнемоники нет, а прямая вставка символа требует, чтобы у страницы была объявлена кодировка UTF-8. Здесь собрана таблица ходовых символов с поиском по названию: типографика, валюты, математика, стрелки, знаки и греческие буквы. Любую из трёх записей можно скопировать кликом. Ниже — отдельный блок для экранирования: он превращает произвольный текст в безопасный HTML и разворачивает обратно.
Экранирование текста
Как пользоваться
- Поиском по названию, по мнемонике или по самому символу. Фильтр сверху отбирает группу.
- Символ, мнемоника или числовой код — переключателем.
- Клик по карточке копирует запись в выбранном формате.
- Блок внизу экранирует произвольный текст в HTML и разворачивает обратно.
Частые вопросы
Какие символы обязательно экранировать
Только четыре: амперсанд, левую и правую угловые скобки и кавычку внутри значения атрибута. Всё остальное экранируется по желанию. Амперсанд важнее всех: незакрытый & в тексте браузер попытается прочитать как начало мнемоники.
Мнемоника или числовой код
Мнемоника читаемее: — в коде понятнее, чем —. Но именованных мнемоник около двух с половиной тысяч, а символов в Unicode — сотни тысяч, поэтому для редких знаков остаётся только числовой код. Для рубля, например, мнемоники нет вовсе, только ₽.
Можно ли вставлять символы напрямую
Да, если у страницы объявлена кодировка UTF-8 через мета-тег и файл в ней же сохранён. Тогда тире, кавычки-ёлочки и стрелки пишутся как есть, и код читается лучше. Мнемоники остаются нужны для четырёх служебных символов и для неразрывного пробела, который иначе неотличим от обычного.
Чем отличаются виды тире
Короткое тире используется в диапазонах чисел: 10–15 минут. Длинное — в предложениях вместо пропущенного сказуемого и в прямой речи. Дефис соединяет части слова и тире не является. Смешивать их — самая частая типографская ошибка на сайтах, и она заметна.
Зачем неразрывный пробел
Чтобы строка не переносилась в неудачном месте. Его ставят между числом и единицей, после коротких предлогов и союзов, внутри инициалов и в номерах. Правило простое: если перенос в этом месте выглядит как ошибка, нужен неразрывный пробел.
Почему мнемоника показывается пустой у части символов
Потому что именованной мнемоники у этого символа в спецификации нет. Так с рублём, тенге, значком номера и большинством пиктограмм. В таких случаях остаётся числовой код либо прямая вставка символа.
Данные куда-то отправляются
Нет, всё считается в браузере.
Похожие инструменты
Число или список до тысячи значений в диапазоне: режим без повторов, сортировка. Отдельно вытягивает жребий из списка имён.
ОткрытьПроверка надёжности пароляСтойкость в битах, время перебора и разбор слабых мест: словарные слова под заменой символов, клавиатурные ряды, годы и повторы.
ОткрытьГенератор паролейПароль длиной до 64 символов с выбором наборов и отсевом похожих знаков. Показывает стойкость в битах и время перебора, делает до 50 паролей пачкой.
ОткрытьКолесо фортуныСлучайный выбор из своего списка: вес секторов пометкой «×3», режим на выбывание и ссылка, по которой открывается то же колесо.
ОткрытьГенератор тестовых данныхПачка вымышленных записей для тестов: ФИО, телефон, ИНН, СНИЛС, ОГРН, счёт и карта — с настоящими контрольными разрядами. Выгрузка в CSV, JSON и SQL.
ОткрытьГенератор CSS-градиентовЛинейный, радиальный и конический градиент с живым предпросмотром. Любое число цветовых точек, угол и позиции, разбор чужого кода обратно в точки.
ОткрытьЕщё инструменты для SEO и маркетинга
Кластеризатор запросов, генераторы sitemap и robots.txt, минус-слова, разметка Schema.org и калькуляторы — в разделе инструментов.