Экранируйте специальные символы для текста HTML и атрибутов в кавычках. Покажите пример разметки как текст, а не как теги.
Как пользоваться
Вставьте исходную строку и скопируйте результат. Используйте его в соответствующем текстовом поле или атрибуте HTML.
Пример
<p> превращается в <p>, амперсанд в &. Кавычки тоже экранируются.
Вопросы и ответы
Очищается ли весь документ HTML?
Нет. Это экранирование текста, а не универсальная очистка разметки. Для JavaScript, CSS и URL нужны отдельные правила.
Связанные инструменты
Практическая задача
Для урока HTML кодируйте пример, а не всю страницу: иначе теги макета тоже станут видимым текстом. Храните пример отдельно от доверенного шаблона отображения.
Дополнительный вопрос
Можно экранировать дважды?
Второй проход затронет амперсанды первого. Для нового кодирования берите оригинал, а не обрабатывайте результат повторно.
Детали для проверки результата
| Деталь | Пояснение |
|---|---|
| Ссылки на символы HTML | Запись вроде & обозначает знак внутри HTML. При вложении она может быть экранирована повторно. Снятие одного слоя отличается от полного декодирования всех уровней. |
| HTML и обычный текст | Теги HTML описывают структуру. Обычный текст показывает знаки без трактовки их как тегов. Определите нужный результат до удаления разметки, экранирования скобок и вставки в редактор. |
| Экранирование и очистка | Экранирование показывает специальные символы буквально. Очистка удаляет или меняет опасную разметку по правилам. Не заменяйте эти действия предположением, что незнакомый ввод безопасен. |
| Кодирование и шифрование | Кодирование меняет представление данных для чтения другой системой и не требует секретного ключа. Шифрование защищает сведения ключом, а хеширование создаёт отпечаток для другой задачи. |
| Границы источника | Резюме и редактура опираются на переданные материалы. Одна ссылка не загружает статью в этом интерфейсе. Добавляйте нужный отрывок и сохраняйте ссылки рядом с подтверждаемыми утверждениями. |
| Границы предпросмотра | Ограниченный просмотр блокирует скрипты, внешние изображения, шрифты и другие ресурсы. Поэтому он отделён от активного поведения страницы, но не воспроизводит любой рабочий макет точно. |
| Части URL | URL содержит схему, домен, путь, запрос и фрагмент. Разделители этих частей отличаются от знаков внутри значения. Кодируйте нужный компонент, а не меняйте полный адрес вслепую. |
| Процентное кодирование | Знак процента и две шестнадцатеричные цифры обозначают байт, а не видимый символ. Несколько таких записей могут относиться к одному символу Unicode, занимающему несколько байтов UTF8. |