Exemple personalitzat de MAP:
El elemento MAP provee un mecanismo para los mapas de imágenes del lado del cliente. El elemento MAP requiere tareas de inicio y de fin. Contiene un o más elementos AREA que especifican zonas activables en la imagen asociada y vinculan esas zonas activables con una correspondiente URL.
<!ENTITY % SHAPE "(rect|circle|poly)">
<!ENTITY % COORDS "CDATA" -- lista de números separados por comas -->
<!ELEMENT MAP - - (AREA)+>
<!ATTLIST MAP
name CDATA #REQUIRED
>
<!ELEMENT AREA - O EMPTY>
<!ATTLIST AREA
shape %SHAPE rect
coords %COORDS #IMPLIED -- define las coordenas para una forma --
href %URL #IMPLIED -- esta región actúa como un vínculo de hipertexto --
nohref (nohref) #IMPLIED -- esta región no realiza acción alguna --
alt CDATA #REQUIRED -- requerida para los agentes de usuario no gráficos --
>
Aqui hay un ejemplo simple para una barra de navegación gráfica:
<img src="barrnav.gif" border=0 usemap="#mapa1"> <map name="mapa1"> <area href=guia.html alt="Guía de Acceso" shape=rect coords="0,0,118,28"> <area href=buscar.html alt="Búsqueda" shape=rect coords="184,0,276,28"> <area href=atajo.html alt="Ir" shape=rect coords="118,0,184,28"> <area href=mejores.html alt="Los Diez Mejores" shape=rect coords="276,0,373,28"> </map>
El elemento MAP tiene un atributo NAME que se utiliza para asociar un nombre con un mapa. Esto es utilzado luego por el atributo USEMAP en el elemento IMG para hacer referencia al mapa mediante una fragmento identificador de URL. Nótese que el valor del atributo NAME es afectado por el tipo de letra (mayúscula o minúscula).
El elemento AREA es un elemento vacío de tal manera que la tarea de fin está prohibida. Toma los siguientes atributos: SHAPE, COORDS, HREF, NOHREF y ALT. Los atributos SHAPE and COORDS definen una región en la imagen. Si el atributo SHAPE se omite, se asume que el valor es SHAPE="RECT".
Donde x e y son medidas en píxeles a partir del vértice superior izquierdo de la imagen asociada. Si los valores de x e y se dan con un símbolo de porcentaje como sufijo, los valores deben de ser interpretados como porcentajes del ancho y alto, respectivamente, de la imagen. Por ejemplo:
SHAPE=RECT COORDS="0, 0, 50%, 100%"
El atributo HREF da una URL como objetivo para el vínculo de hipertexto. El atributo NOHREF se utiliza cuando Ud. quiere definir una región que no actúa como una zona activable. Esto es útil cuando Ud. desea realizar una exclusión en una región subyacente que actúa como una zona activable.
Si dos o más regiones se superponen, la primera región definida en la definición del mapa toma precedencia sobre las regiones siguientes. Esto significa que los elementos AREA con NOHREF deben ser generalmente colocados antes que aquellos con el atributo HREF.
El atributo ALT se utiliza para proveer etiquetas de texto, las cuales se pueden mostrar en la línea de estado cuando el ratón u otro instrumento con puntero se mueva sobre una zona activable, o para construir un menú de texto para los agentes de usuario no gráficos. Se recomienda encarecidamente a los autores proveer atributos ALT significativos para soportar la interoperabilidad con agentes de usuario basados en el habla o sólo texto.