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>

<pre> Los artículos que necesitarás para realizar el trabajo son:

– Un martillo.

– Madera.

– Un serrucho.

<pre>

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>

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.