Когда необходимо опубликовать исходный HTML код у себя в статье на сайте, то часто браузер указанный текст понимает как код, то есть выполняет его. Решить проблему должны специально выделенные для этого теги PRE и CODE. Но если у вас что-то пошло не так, то в этой статье я расскажу, как преобразовать HTML теги в сущности (в изображения), чтобы они не воспринимались браузером как команды.
Написание HTML тегов
Как известно все HTML теги начинаются с левой угловой скобки (знак меньше). Если ее заменить на ее код-сущность, то браузер уже не будет воспринимать дальнейший текст как код тега.
Чтобы код отображался как текст, а не понимался браузером как команды, достаточно заменить следующие спецсимволы на их сущности:
- < на <
- > на >
- " на "
- & на &
Таблица специальных символов и коды их сущностей
| Символ (вид) | Цифровой код | HTML-код | CSS-код | Описание |
|---|---|---|---|---|
| < | Знак «меньше чем» (начало тега) | |||
| > | Знак «больше чем» (конец тега) | |||
| " | Двойная кавычка | |||
| & | Амперсанд |
Теги PRE CODE XMP
Немного о тегах которые должны помочь, но не помогут или являются невалидными.
<pre> — «preformatted» — блочный элемент, который определяет блок предварительно форматированного текста.
<code> — строчный элемент, предназначенный для отображения одной или нескольких строк текста, который представляет собой программный код.
Эти теги оформляют текст, но не преобразуют его в сущности!!!
<xmp> — позволяет отображать фрагмент текста том виде, в каком он представлен внутри тега. Вот то что нам нужно для отображения сущностей! Но, к сожалению, он уже давно исключён из HTML-спецификации и его поддержка может быть прекращена любым браузером в любой момент.
PHP функции по преобразованию кода в сущности
Чтобы преобразовать код в сущности можно воспользоваться PHP функций htmlspecialchars(). Пример ее использования:
<?php echo htmlspecialchars("<div>HTML</div>", ENT_QUOTES); // <div>HTML</div> ?>
Необязательный второй аргумент quote_style определяет режим обработки одиночных и двойных кавычек. В режиме по умолчанию, ENT_COMPAT, преобразуются двойные кавычки, одиночные остаются без изменений. В режиме ENT_QUOTES преобразуются и двойные, и одиночные кавычки. а в режиме ENT_NOQUOTES и двойные, и одиночные кавычки остаются без изменений.
Если у вас WordPress, то используйте функцию esc_html_e().
<?php esc_html_e('<div>HTML</div>'); //<div>HTML</div>?>
На экране в обоих случая будет выведено:
<div>HTML</div>
То есть код будет отображаться, а не выполняться.
moonback.ru
Описание
string html_entity_decode ( string string [, int quote_style [, string charset]] )
html_entity_decode(), в противоположность функции htmlentities(), преобразует HTML сущности в строке string в соответствующие символы.
Необязательный аргумент quote_style позволяет указать способ обработки ‘одиночных’ и «двойных» кавычек. Значением этого аргумента может быть одна из трех следующих констант (по умолчанию ENT_COMPAT):
- Константы quote_style:
- ENT_COMPAT Преобразуются двойные кавычки, одиночные остаются без изменений
- ENT_QUOTES Преобразуются и двойные, и одиночные кавычки
- ENT_NOQUOTES И двойные, и одиночные кавычки остаются без изменений
Необязательный третий аргумент charset определяет кодировку, используемую при преобразовании. По умолчанию используется кодировка ISO-8859-1.
- Начиная с PHP 4.3.0 поддерживаются следующие кодировки:
- ISO-8859-1, ISO8859-1 Западно-европейская Latin-1 ISO-8859-15ISO8859-15 Западно-европейская Latin-9. Добавляет знак евро, французские и финские буквы к кодировке Latin-1(ISO-8859-1).
- UTF-8, 8-битная Unicode, совместимая с ASCII.
- cp866, ibm866, 866 Кириллическая кодировка, применяемая в DOS. Поддерживается в версии 4.3.2.
- cp1251, Windows-1251, win-1251, 1251 Кириллическая кодировка, применяемая в Windows. Поддерживается в версии 4.3.2.
- cp1252, Windows-1252, 1252 Западно-европейская кодировка, применяемая в Windows.
- KOI8-R, koi8-ru, koi8r Русская кодировка. Поддерживается в версии 4.3.2.
- BIG5950 Традиционный китайский, применяется в основном на Тайване.
- GB2312936 Упрощенный китайский, стандартная национальная кодировка.
- BIG5-HKSCS Расширенная Big5, применяемая в Гонг-Конге.
- Shift_JISSJIS, 932 Японская кодировка.
- EUC-JPEUCJP Японская кодировка.
htmlweb.ru
В документах HTML могут быть представлены только символы кодовой таблицы ASCII. Кроме того, некоторые символы, например "<" и ">" имеют зарезервированное значение. Для представления других символов (например, греческих букв) можно использовать ссылки на символы – независимый от кодировки механизм ввода любых символов. Ссылки на символы позаимствованы из SGML и являются одним из видов сущностей (entities).
Ссылки на символы в HTML могут принимать две формы:
· числовые ссылки на символы (десятичные или шестнадцатеричные).
· символические ссылки.
Числовые ссылки на символы указывают код символа в наборе символов документа. Числовые ссылки на символы могут также принимать две формы:
· синтаксис "&#D;", где D – десятичное число, указывает символ Unicode с десятичным номером D.
· синтаксис "&#xH;" или "&#XH;" , где H – шестнадцатеричное число, указывает на символ Unicode с шестнадцатеричным индексом H.
Например, ссылка "π" или "π" в Web-странице выведет на экран Web-браузера греческую букву p.
Вторая форма имеет синтаксис "&имя;", где имя является символическим обозначением ссылки, например, для вывода буквы p можно использовать ссылку "π".
Полный список символических и числовых обозначений часто используемых символов приведен в спецификации HTML 4.01. В этот список входят следующие группы символов:
· специальные знаки, не входящие в стандартный набор символов клавиатуры (например, знак фунта "£", знак авторского права "©" или знак "±");
· латинские буквы с надстрочными и подстрочными знаками (например, буквы "â" и "ç" французского алфавита);
· греческие буквы и математические символы (например, "a" или "¥");
· технические символы (например, символ градуса "˚").
Следующие ссылки используются наиболее часто для представления специальных символов:
· < (символ "меньше чем", левая угловая скобка) – <
· > (символ "больше чем", правая угловая скобка) – >
· & (амперсант) – &
· " (двойные кавычки) – "
· «жесткий» или «неразрывный» пробел –
Последний символ используется тогда, когда необходимо задать определенное количество пробелов, поскольку при форматировании содержимого Web-страницы Web-браузер сам регулирует количество пробелов между словами и переносы строк, независимо от количества пробелов и переносов строк, заданных в исходном документе HTML.
В любом месте документа HTML и XHTML могут быть вставлены комментарии, которые записываются в форме, принятой в SGML и XML:
<!—Текст комментария —>
Комментарий, как уже указывалось, может занимать несколько строк.
studopedia.ru
