jueves, 7 de julio de 2011

Texto preformateado en html (segunda parte)

La etiqueta <code>, se utiliza para mostrar código fuente de cualquier lenguaje de programación. La definición formal de <code> es la siguiente:



En la mayoría de páginas web, no tiene sentido utilizar la etiqueta <code>. Sin embargo, en muchas páginas web técnicas que incluyen listados de programas, trozos de código o etiquetas HTML, lo correcto es emplear la etiqueta <code>. Ejemplo:

<html>
<head><title>Ejemplo de etiqueta code</title></head>
<body>
<code>
La etiqueta code
no respeta los espacios en blanco
</code>
Introducción a XHTML Capítulo 3. Texto
www.librosweb.es 43
<p>La etiqueta code es similar a la
etiqueta pre, sobre todo en el formato
del texto.</p>
</body>
</html>

El navegador muestra claramente el comportamiento de <code> y sus diferencias con <pre>:


Al igual que sucede con los elementos <pre>, el texto encerrado por la etiqueta <code> se muestra con un tipo de letra especial de ancho fijo. Por el contrario, el elemento <code> no respeta los espacios en blanco ni las líneas, por lo que su comportamiento es similar a la etiqueta <p>. La última diferencia es que <code> es un elemento en línea, mientras que <pre> es un elemento de bloque.

No hay comentarios:

Publicar un comentario