Elementos de Estructuración de "<abr></abr>" y
"<abbr></abbr>"
Seguimos con los elementos que nos ayudaran a estructurar el texto.
Ahora veremos que formato utilizar cuando utilizamos
abreviaturas.
código : <abr></abr>
resultado: formato para escribir abreviaturas
código : <abbr></abbr>
resultado: formato para escribir abreviaturas con texto
emergente
Código de ejemplo: (He agregado un <br>, salto de
línea en el código para para poder ver el resultado en dos
líneas).
<html>
<head>
<title>Estructuración de
Texto</title>
</head>
<body>
Texto normal <br>
<abr>Formato utilizado para escribir
abreviaturas con "abr"</abr>
<br>
<abbr title="Texto sin abreviar, texto
largo">Abreviatura utilizando "abbr"</abbr>
</body>
</html>
El código anterior se vería así en el navegador:

Nota: he probado el código con iexplorer, gmail y mozilla, y
en ninguno he visto un cambio de formato. Incluso aquí he aplicado
el código sin cambios en su formato. En cuanto a "abbr", si podéis
ver que al pasar el mouse (ratón) sobre el texto surge una etiqueta
con el texto largo.
Elementos de estructuración de Texto
<acronym></acronym>
Un nuevo elemento que nos ayudará a estructurar el texto. Ahora
veremos que formato utilizar cuando utilizamos acrónimos.
código :
<acronym></acronym>
resultado: formato para escribir acrónimos
Antes de poner el código de ejemplo, y para los que no lo sepan
he aquí lo que es un acrónimo: En lingüística moderna, un
acrónimo (del grigo akros, 'extremo' y
ónoma, 'nombre') puede ser una sigla que
se lee como una palabra o un vocablo formado al unir parte de dos
palabras. Este tipo de acrónimos funden dos elementos léxicos
tomando, casi siempre, del primer elemento el inicio y del segundo
el final. (fuente Wikipedia)
Ahora que sabemos lo que es un acrónimo pasemos al Código de
ejemplo: (He agregado un <br>, salto de línea en el
código para para poder ver el resultado en dos líneas).
<html>
<head>
<title>Estructuración de
Texto</title>
</head>
<body>
Texto normal <br>
<acronym>Formato utilizado para
escribir acrónimos con "acronym"</acronym>
</body>
</html>
El código anterior se vería así en el navegador:

Nota: Después de haber escrito este artículo y no antes, les
digo que, en mi opinión, este elemento solo sirve más que para
ordenar nuestro código, ya que he probado el ejemplo en los
siguientes exploradores todos con el mismo resultado ningún cambio
en el formato.
iexplorer 7.0 - google chrome 1.0 - Mozilla Firefox 3.0 - SeaMonkey
1.1
Si alguien ve en algún navegador un cambio en el formato del texto,
que lo diga.
Hay 6 opiniones. Opina sobre este curso.
| Cursos | Valoración | Alumnos | Vídeo | |
|---|---|---|---|---|
|
Excel. Hojas de cálculo (cuarta parte) Curso del software Excel y formación ofimática. Marcos y tablas de Excel serán temas de importancia en esta cuarta parte de nuestro curso de uso avanzado de hojas de cálc... [07/11/08] |
|
5.468 | ||
|
Excel. Hojas de cálculo (tercera parte) Curso del software Excel y formación ofimática. En esta tercera parte de nuestro curso de uso avanzado de hojas de cálculo de Excel aprenderás a modificar gráficos; conoc... [07/11/08] |
|
2.653 | ||
|
Usabilidad web La usabilidad es el principal elemento con el cual debe contar toda página Web. Yo defino Usabilidad como la capacidad de una aplicación de ser agradable, eficiente y fá... [17/07/06] |
|
1.763 | ||
Publicar en
del.icio.us
digg
meneame