todos - manual de codigos html pdf
¿Cómo inserto ejemplos de código en un archivo HTML? (11)
¿Quiero poner un ejemplo de código sin que se procesen las etiquetas?
Ejecute el HTML que desea mostrar a través de htmlspecialchars() para escapar correctamente del código que desea mostrar si está utilizando PHP. NO use htmlentities() porque su navegador se ahogará con los caracteres extendidos. Solo asegúrese de que la codificación de su página esté configurada correctamente en <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8"> si está generando UTF-8 por ejemplo.
Buena suerte.
Hazlo un comentario.
<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>
La etiqueta <pre> permite mostrar texto con espacios en blanco y saltos de línea como está. Además, el código debe estar codificado por entidad: por ejemplo, el ejemplo de código
<html>
<head><title></title></head>
<body></body>
</html>
se convertirá
<pre><html>
<head><title></title></head>
<body></body>
</html></pre>
< codifica en < & codifica en &
PHP htmlentities hace el trabajo:
<pre><?php echo htmlentities($code) ?></pre>
<textarea> hace el trabajo también: también permite copiar el código.
La etiqueta XMP funcionará:
<xmp>
...code...
</xmp>
ETA: Al momento de escribir esto, esto todavía funciona en todos los navegadores principales, pero como otros han señalado, ha sido oficialmente obsoleto en HTML5 [link] . Los navegadores pueden dejar de mostrarlo cualquier día sin previo aviso ni aviso, y debe evitarse en los sitios de producción. Aún así, no hay un reemplazo que no implique la codificación HTML de su cadena de forma manual o el uso de trucos de iframe. Todavía tiene un lugar en el cinturón de herramientas de mi página de utilidad personal, pero no lo consideraría para un cliente.
Lo único que puedo pensar es simplemente convertir todos tus ''<'' y ''>'' a ''& lt'' y ''& gt'' respectivamente
Más allá de poner su código en etiquetas ''pre'' y escapar de ''<'' y ''>'' puede que quiera verlo como resaltado de sintaxis. Una buena biblioteca para esto fue escrita por Alex Gorbatchev.
Para presentar el código en HTML, normalmente se usaría la etiqueta <code> .
Su pregunta no es muy clara, y no sé qué quiere decir con "sin que se procesen las etiquetas". Si está diciendo que desea presentar un fragmento de HTML como código en una página HTML (por ejemplo), debe "escapar" las etiquetas HTML para que el cliente web no intente analizarlas.
Para hacer esto, debes usar la entidad > para el corchete mayor que, y < para el soporte menor que.
Puedes usar textarea de esta manera.
<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>
Tenga en cuenta que use Bootstrap 3, si desea puramente html, elimine el atributo textarea class y rows.
Si está utilizando una declaración XHTML <!DOCTYPE> , entonces podría usar las secciones 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>
Tenga en cuenta que querrá usar una extensión de archivo .xhtml y querrá considerar la publicación de estos documentos con un Content-Type: application/xhtml+xml .
Tratar:
<xmp></xmp>
o
<code></code>
por ejemplo:
<pre>
<xmp><!-- your html code --></xmp>
</pre>
<pre>
<code><!-- your html code --></code>
</pre>
adiós
póngalo en un área de texto, es una etiqueta html que evitará que todo el texto dentro de él se rinda