Red de conocimiento informático - Aprendizaje de programación - Cómo funcionan las etiquetas previas en HTML

Cómo funcionan las etiquetas previas en HTML

El elemento pre define texto preformateado. El texto contenido dentro de un elemento previo generalmente conserva espacios en blanco y nuevas líneas. El texto también se representa en una fuente de ancho fijo.

Una aplicación común del marcado es representar el código fuente de una computadora.  

Las marcas que podrían provocar saltos de párrafo (como encabezados, etiquetas

? y ?

) nunca deben incluirse en un bloque definido por
.  Si bien algunos navegadores interpretan las etiquetas de final de párrafo como simples saltos de línea, este no es el caso para todos los navegadores.  

El texto permitido en elementos previos puede incluir cambios de estilo físicos y basados ​​en el contenido, así como enlaces, imágenes y separadores horizontales. Al colocar otras etiquetas (como la etiqueta ) dentro del bloque

, simplemente hágalo de la misma manera que el resto del documento HTML/XHTML.  Consulte el siguiente ejemplo: 

<html>

<head> <script?type="text/javascript"?src;script?js"> ;

</script>

</head>

<body& amp;gt; <script>"text/javascript& gt; <script?type="text/javascript">

xmlDoc= loadXMLDoc("libros.xml");

document.write("xmlDoc?está?cargado,?listo?para?usar");

</script>

< body>

</html>

En el código anterior, < Los símbolos especiales en las etiquetas pre> se convierten en entidades de símbolos, como "< ", "< " y "> ", ">". Además, tenga en cuenta el código azul; estamos usando el enlace en la etiqueta

, que es la etiqueta .

El código anterior aparece de la siguiente manera:

xmlDoc=loadXMLDoc("libros.xml");

p>

document.write("xmlDoc?está?cargado,?listo?para?usar");

Consejos y Comentarios

Consejo: El carácter de tabulación (tab) es muy útil en el bloque definido por la etiqueta

. Cada carácter de tabulación ocupa 8 caracteres. .  Sin embargo, no recomendamos usarlo porque diferentes navegadores implementan los caracteres de tabulación de manera diferente.  El uso de espacios en blanco en párrafos de documentos formateados con la etiqueta 
 garantiza que el texto esté colocado correctamente horizontalmente.  

Consejo: si desea utilizar la etiqueta

 para definir el código fuente de la computadora (como el código fuente HTML), use entidades de símbolo para representar caracteres especiales, como "<" para "<" y "> " significa ">", y "&" significa "&".  

Consejo: Muchas páginas de W3School tienen ejemplos de código fuente definidos por la etiqueta

 a la que puedes consultar para aprender a usarlo.  Incluso combinamos la etiqueta 
 con la etiqueta  para una semántica más precisa.