25.5.10

Marcado avanzado de texto


Las páginas y documentos más avanzados suelen incluir otros elementos importantes que se deben marcar de forma adecuada. Por ello, HTML incluye muchas otras etiquetas que permiten marcar más elementos del texto.

La etiqueta <abbr> marca las abreviaturas de un texto y la etiqueta <acronym> se emplea para marcar las siglas o acrónimos del texto.


Definición formal de la etiqueta <abbr>

<abbr> Abreviaturas
Atributos comunes básicos, ¡18n y eventos
Atributos específicos title = "texto" - Indica el significado completo de la abreviatura
Tipo de elemento En línea
Descripción Se emplea para marcar las abreviaturas del texto y proporcionar el significado de esas abreviaturas

Ejemplo:

<p>La <abbr title="Peseta">Pta.</abbr> fue la moneda de curso legal en España, desde su aprobación el 19 de octubre de 1868 hasta el 1 de enero de 1999, cuando se introdujo el euro.</p>

Los navegadores mostrarán así el anterior texto:

La Pta. fue la moneda de curso legal en España, desde su aprobación el 19 de octubre de 1868 hasta el 1 de enero de 1999, cuando se introdujo el euro.

...y al posicionar el puntero del mouse sobre la abreviatura, aparecerá un recuadro (tooltip) con el valor del atributo title (significado de la abreviatura).


Definición formal de la etiqueta <acronym>

<acronym> Acrónimos o siglas
Atributos comunes básicos, ¡18n y eventos
Atributos específicos title = "texto" - Indica el significado completo del acrónimo o sigla
Tipo de elemento En línea
Descripción Se emplea para marcar las siglas o acrónimos del texto y proporcionar el significado de esas siglas

ejemplo:

<p>La <acronym title="Organización de las Naciones Unidas">ONU</acronym> es la mayor organización internacinal existente.</p>

Los navegadores mostrarán así el enterior texto:

La ONU es la mayor organización internacinal existente.

y al posicionar el puntero del mouse sobre la sigla, aparecerá un recuadro (tooltip) con el valor del atributo title (significado de la sigla).

En ocasiones resulta útil incluir la definición de una palabra extraña o cuyo uso está restringido a un entorno muy determinado. HTML incluye la etiqueta <dfn> para proporcionar al usuario la definición de todas las palabras para las que se considere apropiado.


Definición formal de la etiqueta <dfn>

<dfn> Definición
Atributos comunes básicos, ¡18n y eventos
Atributos específicos title = "texto": Indica el significado completo del término
Tipo de elemento En línea
Descripción Se emplea para marcar las definiciones de ciertos términos y proporcionar el significado de los mismos

Ejemplo:

<p>Aunque ya Platón introdujo el concepto de <dfn title="Rama de la manipulación genética que estudia el mejoramiento de las cualidades no deseables de la especie humana">eugenesia</dfn> en su obra “La República”, no fue hasta 1865 cuando fue formulada por vez primera por Sir Francis Galton, recurriendo al trabajo de su primo Charles Darwin.</p>

Los navegadores mostrarán así el anteior texto:

Aunque ya Platón introdujo el concepto de eugenesia en su obra “La República”, no fue hasta 1865 cuando fue formulada por vez primera por Sir Francis Galton, recurriendo al trabajo de su primo Charles Darwin.

...y al posicionar el puntero del mouse sobre la palabra, aparecerá un recuadro (tooltip) con el valor del atributo title (significado de la palabra).

Por último, HTML incluye la etiqueta <cite> que se puede utilizar para marcar un texto como una cita:


Definición formal de la etiqueta <cite>

<cite> Cita
Atributos comunes básicos, ¡18n y eventos
Atributos específicos -
Tipo de elemento En línea
Descripción Se emplea para marcar una cita o una referencia a otras fuentes

En ocasiones, no está clara la diferencia entre <cite> y <blockquote>. El elemento <cite> marca el autor de la cita (persona, documento, etc.) y <blockquote> marca el contenido de la propia cita. En el siguiente ejemplo, <blockquote> encierra el contenido de una frase célebre y <cite> encierra el nombre de su autor:

Como dijo <cite>Mahatma Gandhi</cite>:
<blockquote>"Vive como si fueras a morir mañana y aprende como si fueras a vivir para siempre".</blockquote>

El anterior ejemplo se verá así:

Como dijo Mahatma Gandhi:
"Vive como si fueras a morir mañana y aprende como si fueras a vivir para siempre".

Ejercicio No.3

Estructurar y marcar el siguiente texto para que el navegador lo muestre así:

El Ártico ha perdido el 14% de su hielo marino perenne en un solo año

WASHINGTON.- El hielo perenne del Ártico se redujo en un 14% durante el último año, al perder 720.000 kilómetros cuadrados, una superficie superior a la Península Ibérica, según datos de la NASA.

Según el JPL, la pérdida del hielo perenne, que debiera mantenerse durante todo el verano, fue todavía mayor y se acercó a un 50% en el momento en que ese hielo se desplazaba desde el Ártico oriental hacia el oeste.

Son Nghiem, investigador del JPL ha declarado que:

"Los cambios registrados en esos años en el hielo ártico son rápidos y espectaculares. De mantenerse la situación, ésta tendrá un impacto profundo en el ambiente, así como en el transporte marino y el comercio."

Solución

Índice Formatear
Formato de párrafos HTML
Estructurar un texto
Marcado básico de texto
Texto preformateado
Espacios en blanco y saltos de línea
Marcado avanzado de texto
Marcado genérico de texto
Codificación de caracteres


0 comentarios :

▼▲ Ocultar / Mostrar comentarios

Este blog ya cumplió su ciclo, por esta razón, aunque sigue a disposición de los usuarios, no se harán más publicaciones ni se atenderán más consultas. La respuesta a su inquietud puede estar entre los comentarios hechos hasta aquí.

El autor.