Elementos (4 – Modularización)

Elemento <dfn></dfn>

Este elemento permite crear una definición para un concepto o palabra insertada en el documento. La etiqueta tiene un atributo concreto denominado title, que sirve para proporcionar el significado completo de la definición del termino insertado en el documento. Normalmente la definición del termino se presenta en los navegadores al situar el puntero del ratón sobre la misma en una etiqueta amarilla denominadas tooltips. Mientras que la palabra que se visualiza lo hace un formato de cursiva en los navegadores. El siguiente ejemplo muestra una pagina en la cual se han incluido varias definiciones de términos informáticos, para visualizar la definición se ha de situar el puntero del ratón sobre los mismos:

<!DOCTYPE html PUBLIC “-//W3C//DTD XTHML 1.1//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” lang=”es” xml:lang=”es”>
<html>
<head>
<title>Practica para dfn – www.aprendoencasa.com</title>
</head>
<body>
<p>la <dfn title=”Sistema Basico de Entrada y Salida”>BIOS</dfn> es un código de interfaz que localiza y carga el sistema operativo en la <dfn title=”Memoria de acceso aleatorio”>RAM</dfn>, es un software muy básico instalado en la placa base que permite que ésta cumpla su cometido. Proporciona la comunicación de bajo nivel, y el funcionamiento y configuración del <dfn title=”Elementos fisicos del sistema”>hardware</dfn> del sistema que, como mínimo, maneja el teclado y proporciona salida básica (emitiendo pitidos normalizados por el altavoz del ordenador si se producen fallos) durante el arranque.<p>
</body>
</html>

Después de haber guardado el documento y visualizarlo en un navegador el resultado ha de ser similar al que se muestra en la imagen siguiente:

clip_image002


La etiqueta corresponde a un elemento de línea, con lo cual no se producen saltos en los párrafos al finalizar las etiquetas. A continuación se muestran las características del elemento <dfn> (definición) :

Elemento
<dfn> … </dfn>
Atributos comunes
Atributos básicos, de internacionalización (i18n) y eventos.
Atributos específicos
title = “texto con la definición del termino”
Tipo de elemento
Elemento en línea
Descripción
Permite realizar e insertar definiciones en el documento, de forma que al situar el puntero del ratón sobre el termino insertado aparece una etiqueta con la definición de la misma.
Modulo al que pertenece la etiqueta
Modulo de Edición de texto

Elemento <br> </br>

Una de las cosas que mas llama la atención a los creadores de paginas web noveles, es cuando al dejar líneas en blanco o espacios en blanco en la edición de la pagina web, el navegador a la hora de visualizar la pagina posteriormente no los visualiza tal como se han escrito, esto es debido a que el lenguaje ignora los espacios en blanco o líneas sobrantes exceptuando el espacio en blanco entre dos palabras. Por esta razón el lenguaje xhtml proporciona una serie de elementos para solventar esta situación.

El elemento <br>, sirve para incluir una nueva línea en el punto concreto del documento donde se inserte, forzando a que el texto que sigue al elemento se visualice en la línea siguiente. Este elemento equivale a pulsar la tecla Retorno (Intro), en el documento. Es un elemento especial ya que se le denomina como etiqueta vacía, por que entre la etiqueta de inicio y final no contiene ningún texto. Así que se ha de insertar las etiquetas de inicio y cierre de forma consecutiva de la siguiente manera: <br></br>, siempre que se quiera incluir una nueva línea. Existe la posibilidad de utilizar la forma abreviada de la etiqueta que indica que una etiqueta se abre y se cierra de forma consecutiva, siendo esta forma de insertar la nueva línea muy utilizada por los creadores de paginas web, la etiqueta abreviada se escribe de la siguiente forma: <br/> o <br />. El siguiente ejemplo muestra la utilización de este elemento y el resultado en un navegador en la imagen siguiente:

<!DOCTYPE html PUBLIC “-//W3C//DTD XTHML 1.1//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” lang=”es” xml:lang=”es”>
<html>
<head>
<title>Practica para <br> – www.aprendoencasa.com</title>
</head>
<body>
<h2>Frases celebres </h2>
<p>Todos somos aficionados.<br/>
La vida es tan corta que no da para más.<br/>
<cite>Charles Chaplin (1889-1977) <br/>
actor y director británico.</cite></p>
<p>La esclavitud no se abolió, <br/>
se cambió a 8 horas diarias.<br/>
<cite>Les Luthiers<br/>
grupo musical argentino actual.</cite></p>
<p>Uno no siempre puede hacer lo que quiere,<br/>
pero siempre tiene el derecho de no hacer lo que no quiere.<br/>
<cite>Mario Benedetti (nacido en 1920)<br/>
escritor uruguayo.</cite></p>
</body>
</html>

clip_image004

La etiqueta se corresponde a un elemento de línea, aunque lo que hace irónicamente es crear un salto de línea en el documento. La definición para el elemento <br> es la siguiente:

Elemento
<br></br>
Atributos comunes
Atributos básicos
Atributos específicos
Tipo de elemento
Elemento en línea (Representa una etiqueta vacía)
Descripción
Permite realizar e insertar saltos de línea en el documento.
Modulo al que pertenece la etiqueta
Modulo de Edición de texto

Otro factor que se ha de tener en cuenta son los espacios en blanco ya que el lenguaje ignora los espacios en blanco sobrantes entre palabras siempre y cuando sean mas de uno. Para solucionar este problema y poder insertar en el documento espacios en blanco existe un código, no un elemento o etiqueta, que permite representar un espacio en blanco en el documento, el código es &nbsp; , en el se han de incluir también los símbolos de & y ;, cada vez que se inserta el código en el documento, el navegador refleja un espacio en blanco en la posición donde se haya insertado el código.

Elemento <pre></pre>

Este elemento permite escribir en el documento texto pre formateado, es decir muestra el texto tal y como se ha escrito respetando líneas en blanco y espacios. La mayoría de veces se utiliza este tipo de texto para especificar la salida que proporcionaría una aplicación o simplemente por que se quiere respetar el texto del autor tal como fue concebido, sin que haya ninguna modificación tanto por parte del creador del documento Web como del navegador a la hora de visualizarlo. Los navegadores interpretan un texto escrito con este elemento respetando espacios en blanco, tabulaciones y saltos de línea. Visualizan el texto con un tipo de letra especial que asigna a cada carácter la misma anchura (“ancho fijo”), pero se ha de tener en cuenta por parte del autor del documento la anchura de las líneas ya que si se sobrepasan los márgenes de la pagina del navegador no se produce un salto de línea automático, sino que aparece una barra de desplazamiento en la ventana. El siguiente ejemplo muestra varios párrafos utilizando alternativamente este elemento y su resultado en la imagen posterior:

<!DOCTYPE html PUBLIC “-//W3C//DTD XTHML 1.1//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” lang=”es” xml:lang=”es”>
<html>
<head>
<title>Practica para <pre> – www.aprendoencasa.com</title>
</head>
<body>
<h2>Frases celebres </h2>
<p>Todos somos muy ignorantes. Lo que ocurre es que no todos ignoramos las mismas cosas.
<cite>Albert Einstein (1879-1955) Científico estadounidense de origen alemán</cite></p>
<pre><p>Todos somos muy ignorantes. Lo que ocurre es que no todos ignoramos las mismas cosas.
<cite>Albert Einstein (1879-1955) Científico estadounidense de origen alemán</cite></p></pre>
<p>El sabio puede sentarse en un hormiguero, pero sólo el necio se queda sentado en él.
<cite>Proverbio chino</cite>
</p>
<pre><p>El sabio puede sentarse en un hormiguero, pero sólo el necio se queda sentado en él. <cite>Proverbio chino</cite></p></pre>
</body>
</html>

clip_image006

La etiqueta corresponde a un elemento de bloque, por lo tanto se produce salto de línea en los textos introducidos. A continuación se muestran las características del elemento <pre> (pre formateado) :

Elemento
<pre> … </pre>
Atributos comunes
Atributos básicos, de internacionalización (i18n) y eventos.
Atributos específicos
Tipo de elemento
Elemento en bloque
Descripción
Permite realizar e insertar texto pre formateado de forma que el mismo queda tal y como se ha escrito por parte del autor en el navegador.
Modulo al que pertenece la etiqueta
Modulo de Edición de texto

Enviar comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies