a.css

esbudellant estàndards


MAP: Mecanismes de navegació

28/01/07

L'element map segons l'especificació de l'HTML 4.01 té dos objectius:

The MAP element specifies a client-side image map (or other navigation mechanism) that may be associated with another elements (IMG, OBJECT, or INPUT). An image map is associated with an element via the element's usemap attribute. The MAP element may be used without an associated image for general navigation mechanisms.

Client-side image maps: the MAP and AREA elements (HTML 4.01 Specification)

Per tant seria interessant marcar grups d'enllaços de menú amb quelcom tipus:


<map id="navegacio" title="Navegació del seti">
   <ul>
      <li>ítem 1</li>
      <li>ítem 2</li>
      <li>ítem 3</li>
   </ul>
</map>

Segons el punt de verificació 13.6 de les WCAG 1.0 és aconsellable usar-lo per facilitar la tasca de navegació als usuaris que usin agents d'usuari amb la funció de saltar aquestes agrupacions, tal com mostra la tècnica HTML «Grouping and bypassing links».

Tot i així no està de més afegir un enllaç de salt al següent grup de navegació o al contingut per complementar els agents d'usuari que no tenen implementada aquesta funcionalitat.

L'element map però no té un comportament normal com a element de bloc que és en la majoria de navegadors. L'únic que sembla tractar-lo com a tal és el Firefox.

Tant en Opera com en Safari i Internet Explorer cal declarar explícitament que és un bloc:


map {
   display: block;
}

A més a més l'Internet Explorer mostra un comportament extrany si es floten els map; tant si es manté el display: block com si s'elimina, el comportament no és l'esperat.

El més recomanable doncs és no donar cap estil a l'element map i traslladar-ho tot a l'element ul.

En versions anteriors d'HTML existia l'element menu però s'ha desestimat en favor de l'element ul. Tot i això en XHTML 2 s'està plantejant crear l'element nl que recupera la idea de l'element menu.

Això vol dir que el futur de l'element map és incert tot i que al ritme que va la definició de les recomanacions del W3C i la velocitat d'implementació tindrà una llarga vida encara.

Recursos relacionats

Comentaris

  1. Comentat per erre el 29/01/07

    sembla que estigui escrit per mi... tinc un div id="navegacion" que vull canviar per un map id="navegacion" però em dona molts problemes amb Internet Explorer... ara els prodré arreglar. Gràcies!

Afegir un comentari


© Arnau Siches. a.css està sota Llicència Creative Commons.