Introducción a XHTML

Imágenes

  1. Formatos de ficheros de imágenes habituales
  2. Imágenes inline
  3. Texto alternativo

1. Formatos de ficheros de imágenes habituales

Una de las funcionalidades de XHTML es la posibilidad de incluir imágenes dentro de un documento. Algunos formatos gráficos tienen soporte en modo nativo (son visualizados directamente por el navegador), mientras que otros requieren del concurso de programas externos.

No todos los ficheros que contienen gráficos siguen la misma convención de almacenamiento. Existen varios formatos que permiten, entre otras cosas, comprimir en distinto grado la información. Los formatos más extendidos son: GIF (Graphics Interchange Format), JPEG (Joint Photographic Experts Group bitmap), PNG (Portable Network Graphics) y SVG (Scalable Vector Graphics).

Como norma general, diremos que se utilizará el formato PNG para iconos e imágenes pequeñas o que requieran transparencias, JPEG para imágenes o de calidad fotográfica, y GIF si queremos incluir animaciones. El uso de SVG debe hacerse con cuidado, dado que el soporte que ofrecen los navegadores es aún incompleto.

2. Imágenes inline

Para insertar una imagen en un documento XHTML se utilizará la etiqueta simple <img>

<img src="folder-documents.png" />

El usuario verá:

[documents]

3. Texto alternativo

Cuando no se incluye una imagen es obligatorio especificar un texto alternativo que mostrar en caso de la carga de la imagen falle por la causa que sea. Para ello se utiliza el atributo alt, cuyo contenido debe ser el texto a mostrar en ese caso.

<img src="folder-documents.svg" alt="[documents]" />

Como hemos equivocado el nombre del fichero de la imagen, el usuario verá:

[documents]

Sin embargo, la obligatoriedad del uso del atributo alt no apareció hasta la versión 4 de HTML (antes era opcional). Por eso los navegadores interpretan sin problemas las etiquetas <img> sin atributo alt. Pero debes tener en cuenta que un XHTML que no defina el atributo alt no será correcto, aunque se vea bien.

Copyright © 2011-2012 Mariano Martín Nevado. Términos de uso.