Las etiquetas desconocidas de HTML para mostrar codigo code, pre y var
Publicado el día: 2020-05-26
HTML incorpora una serie de etiquetas semánticas que permiten indicarle al navegador que la información contenida dentro es especial. Los siguientes elementos suelen no ser conocidos Éstas son pre, code, pre y var.
Por defecto, las etiquetas anteriores cambiarán la tipografía del texto por la fuente de tipo monospace que tenga nuestro sistema operativo de manera predeterminada, aunque con CSS podremos personalizar la maquetación web con los atributos que queramos.
El Elemento HTML PRE (o Texto HTML Preformateado) representa texto preformateado. El texto en este elemento típicamente se muestra en una fuente fija, no proporcional, exactamente como es mostrado en el archivo. Los espacios dentro de este elemento también son mostrados como están escritos.
Ejemplo:
body{
color: red;
}
a {
color:green;
}
Resultado
body{
color: red;
}
a {
color:green;
}
El elemento code representa a un fragmento de código de computadora, que puede ser cualquier texto legible para computadoras. Entre muchos otros ejemplos, puedes encontrar dentro del elemento code, una parte de un programa en cualquier lenguaje de programación, un documento HTML o XML, un conjunto de declaraciones CSS, los contenidos de un archivo de configuración, etc.
Ejemplo:
El código de la función también se encuentra dentro del elemento pre con el fin de incluir los beneficios de este elemento al escribir la función: los espacios y los quiebres de línea en el código son respetados en la versión representada del documento. El uso de estos dos elementos juntos es una práctica muy común al crear documentos con fragmentos de código.
function cambiarColor(elemento, evento) {
if (typeof event != 'undefined') event.preventDefault();
if (typeof $(elemento).data('transparentBackground') == 'undefined' || $(elemento).data('transparentBackground')) {
$(elemento).css({backgroundColor: '#a3cd52'});
$(elemento).data('transparentBackground', 0);
} else {
$(elemento).css({backgroundColor: 'transparent'});
$(elemento).data('transparentBackground', 1);
}
}
El elemento var representa a una variable, siendo ésta una varibale en una fórmula matemática o un código de computadora, una constante, un parámetro en una función, etc.
La función genera una variable llamada temp y la utiliza para intercambiar los valores de los parámetros variable 1 y variable2.
Resultado:
La función genera una variable llamada temp y la utiliza para intercambiar los valores de los parámetros variable1 y variable2.
