Я хочу разместить пример кода без обработки тегов?
Как вставить примеры кода в файл HTML?
Ответ 1
Тег Xmp будет работать:
<xmp>
...code...
</xmp>
ETA: На момент написания этой статьи это все еще работает во всех основных браузерах, но, как указывали другие, оно официально устарело в HTML5 [link]. Браузеры могут прекратить рендеринг в любой день без предупреждения или уведомления, и его следует избегать на производственных площадках. Тем не менее, нет замены, которая не связана с HTML-кодировкой вашей строки вручную или с использованием обхода iframe. Он по-прежнему имеет место в моем личном сервисном реестре инструментов, но я бы не стал рассматривать его для клиента.
Ответ 2
Тег <pre> позволяет отображать текст с пробелами и разрывами строк как есть. Кроме того, код должен быть закодирован в сущности:
Например, пример кода
<html>
<head><title></title></head>
<body></body>
</html>
станет
<pre><html>
<head><title></title></head>
<body></body>
</html></pre>
< кодируется в < & кодируется в &
PHP htmlentities выполняет задание:
<pre><?php echo htmlentities($code) ?></pre>
<textarea> выполняет тоже задание: он также позволяет копировать код.
Ответ 3
Для представления кода в HTML обычно используется тег <code>.
Ваш вопрос не очень ясен, и я не знаю, что вы подразумеваете под "без обработки тегов". Если вы говорите, что хотите представить фрагмент HTML как код на HTML-странице (например), вам нужно "убежать" от HTML-тегов, чтобы веб-клиент не пытался их проанализировать.
Чтобы сделать это, вы должны использовать сущность > для скобки большего размера, а < для менее скобки.
Ответ 4
поместите его в текстовую область, свой тег html, который предотвратит отображение всего текста внутри него
Ответ 5
Если вы используете объявление XHTML <!DOCTYPE>, вы можете использовать разделы CDATA:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" >
<head>
<title>My Example</title>
</head>
<body>
<h1>Example!</h1>
<pre><code>
<![CDATA[
<div>
<ol>
<li>a</li>
<li>b</li>
<li>c</li>
</ol>
</div>
]]>
</code></pre>
</body>
</html>
Обратите внимание, что вы хотите использовать расширение файла .xhtml, и вы захотите рассмотреть возможность обслуживания этих документов с заголовком Content-Type: application/xhtml+xml.
Ответ 6
Единственное, о чем я могу думать, это просто преобразовать все ваши '< и ' > to' & lt и '& gt соответственно gt
Ответ 7
Вы можете использовать textarea таким образом.
<textarea class="form-control" rows="25">
<form action=".. " method="post" id="postForm">
<table>
<tr>
<td>Name:</td>
<td><input type="text" name="name" id="name" value="Customer Name" /></td>
</tr>
</table>
</form>
</textarea>
Примечание, это использование Bootstrap 3, если вы хотите, чтобы чистый html удалял атрибут class и rows textarea.
Ответ 8
Try:
<xmp></xmp>
или
<code></code>
для примера:
<pre>
<xmp><!-- your html code --></xmp>
</pre>
<pre>
<code><!-- your html code --></code>
</pre>
до свидания
Ответ 9
Сделайте комментарий.
<p>This will be rendered.</p>
<!-- from here on, this is a comment
<p>This won't be rendered.</p>
end of comment -->
<p>This will be rendered too.</p>
Ответ 10
Помимо помещения вашего кода в теги "pre" и избежания th '<' и ' > ' вы можете посмотреть как подсветку синтаксиса. Хорошая библиотека для этого была написана Алексом Горбачевым.
Ответ 11
Запустите HTML-код, который вы хотите отобразить, хотя htmlspecialchars(), чтобы правильно избежать кода, который вы хотите отобразить, если вы используете PHP. НЕ используйте htmlentities(), потому что ваш браузер задушит расширенные символы. Просто убедитесь, что ваша кодировка страницы установлена правильно в <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8">, если вы выводите, например, UTF-8.
Удачи.