HTML pre
El HTML es un lenguaje estandarizado para la realización de páginas web, dentro del cual existen varios elementos. El elemento HTML <pre> es uno de ellos.
Descripción
El elemento HTML <pre> es la representación de un texto preformateado en el que deben respetarse los espacios en blanco, los saltos de línea y los tabuladores.
Es usado para códigos en computadoras, texto plano y en el arte ascii. Puede combinarse con otros elementos, como <code>, <samp> o <kbd>.
Ejemplos de uso
A continuación, algunos ejemplos del uso del elemento HTML <pre>. Hemos incluido un párrafo normal y uno con el elemento <pre>, para que notes las particularidades de este.
<p> Los artículos que necesitarás para realizar el trabajo son:
– Un martillo.
– Madera.
– Un serrucho.
</p>
Lenguaje del código: HTML, XML (xml)
<pre> Los artículos que necesitarás para realizar el trabajo son:
– Un martillo.
– Madera.
– Un serrucho.
<pre>
Lenguaje del código: HTML, XML (xml)
Nota que el navegador elimina todos los espacios que estén repetidos y los quiebres de línea para el elemento <p> (y para todos los otros elementos, exceptuando <pre>).
Ejemplo del elemento <pre> combinado con <code>:
<p>Esta es la función: </p>
<pre><code> function diAdiós () {
console.log('Adiós! ');
alert('Adiós! ');
}</code> <pre>
Lenguaje del código: HTML, XML (xml)
En este ejemplo, <code> contiene <pre> y no lo contrario. Esto, porque en <code> no pueden insertarse elementos flow, tales como <pre>. Esto mismo se aplica a los elementos <samp> o <kbd>.
Atributos
Este elemento contiene atributos globales. Es decir, aquellos que funcionan con una gran cantidad de elementos: atributos estándares básicos, atributos aria y atributos de manejador de eventos.
El elemento HTML <pre> es utilizado en todas las plataformas y en todos los navegadores web existentes.