1. Image map test

1.1. Testing the two HTML4 options — a@coords and area@coords

The a element.
<a coords=* href=* >link text</a>

The area element.
<area coords=* href=* alt="alt text">

1.2. Testing the workarounds for a@coords that HTML5 currently allows.

Variant 1: An area element side by side an a element – already permitted in HTML4!
<area coords=* href=* ><a href=* >link text</a>

Variant 2: An area element inside an a element. Incompatible with Mozilla browsers
<a href=* ><area coords=* href=* >link text</a>

1.3. Testing Mozilla compatible nesting solutions (That is: Variants of <a href=*><area></a>).

Variant 1: A dummy (aka "boolean") coords attribute inside at least one of the a element causes also those without this attribute to work.
<a coords=* shape=* href=* ><area coords=* href=*>link text</a>

Variant 2: A dummy (aka "boolean") area element inside the map element causes magics.
<map name=* ><area><a href=* ><area coords=* href=*>link text</a>

1.4 Title attribute and nesting

Variant 1: title attribute on both a and area element.

Variant 2: title attribute only on a element.

Variant 3: title attribute on area element.

Variant 4: no title attribute – does browsers use the alt attribute of the area element instead?