Imágenes

La etiqueta usada para colocar imágenes en HTML5 es

<img>

Tiene dos atributos importantes:

1. src
   Indica la ruta a la cual se encuentra la imagen
   
2. alt
   Es el texto alternativo que se debe visualizar cuando la imagen no se ha cargado o no se puede cargar

Posee también los atributos opcionales:

1. width y height
   Para definir las dimensiones de la imagen
   
2. longdesc
   Es la URL de una pagina en la que se proporciona una descripción larga de la imagen
   
3. ismap y usemap
   Para definir mapas de imagen

Hay atributos obsoletos (desaconsejados, utilizar CSS en su lugar):

1. align
2. border
3. hspace
4. vspace

HTML no impone una lista de formatos para las imágenes, sino que depende del navegador, pero de manera estándar se tienen:

1. JPEG
2. GIF
3. PNG

Mapas de imagen

• Es una imagen sensible: una imagen que contiene zonas activas (sensibles, calientes) que son enlaces
• Se puede procesar en el cliente (usemap) o en el servidor (ismap).
• Se pueden procesar en la parte cliente o en la parte servidor. Normalmente se hace en la parte cliente.

Un mapa de imagen en el cliente se define con:

<map name="">

<img usemap="" />

Cada zona activa se define mediante una figura geométrica.

Tres tipos de figuras geometricas y se definen de la siguiente manera:

<area shape="" coords="" href="" alt="" />

Rectángulo 

<area shape="rect" coords="x1, y1, x2, y2" .... />

Círculo

<area shape="circle" coords="x, y, r" .... />

Polígono

<area shape=poly' coords="x1, y1, x2, y2,..,xn, yn .... />

Juego de caracteres

El juego de caracteres, también llamado codificación de caracteres, es la pesadilla de la mayoría de los informáticos porque es una fuente de problemas inagotable.

Siempre se debe usar el mismo juego de caracteres en cada proyecto, todo lo relacionado tiene que estar con el mismo juego de caracteres.

Cada elemento, relación y todos los elementos que estén conectados con la página suelen tener su propio juego de caracteres por defecto.

Un juego de caracteres recomendado es UTF-8 sin BOM que permite mezclar en cualquier documento textos con cualquier alfabeto sin mayor problema. Si en dado caso no se puede hacer también se puede usar ISO-8859-1 (Latin1), después de UTF-8 es el mejor juego de caracteres para Europa occidental incluido el español. 

Byte Order Mark (BOM) es un carácter que indica la ordenación de los bytes en un flujo de caracteres Unicode.

Si se quiere escribir el símbolo del Euro se tiene que emplear el ISO-8859-15 (Latin9). La diferencia entre Latin1 y Latin9 son los símbolos que se agregan y que en algunos casos ni son usados.

¿Cómo se indica el juego de caracteres en una página?

Se usa una etiqueta <meta> que se escribe en la cabecera de la página web.

En HTML5 se ha simplificado de tal manera que quede:

<meta charset="utf-8"> o también <meta charset="utf-8" />