Image map: Difference between revisions

Revision as of 21:45, 1 December 2020

Revision as of 04:41, 19 December 2020

Line 20:

A client-side imagemap in HTML consists of two parts:

# the actual image, which is embedded with the <code><img></code> tag. The image tag must have an attribute ''usemap,'' which names the imagemap to use for this image (multiple imagemaps may exist on a single page).

# A <code><map></code> element, and inside that, <code><area></code> elements, each of which defines a single clickable area within the imagemap. These are similar to the <code><a> tag</code> defining which [[Uniform Resource Locator|URL]] should be opened for an ordinary web link. A <code>title</code> attribute may be provided, which may be rendered as a [[tooltip]] if a desktop user hovers their mouse pointer over the area. For [[web accessibility]] reasons, it is often important – and in some cases it may even be a legal or contractual requirement – to provide an <code>alt</code> attribute describing the link that [[screen reader]] software can read to, for example, [[Blindness|blind]] users.<ref name='access-ability'>{{cite web|url=http://accessibility.psu.edu/imagemaps|title=Image Maps in HTML|work=AccessAbility|publisher=[[Penn State University]]|accessdateaccess-date=6 October 2013}}</ref>

The <code><area></code> elements can be rectangles (<code>shape="rect"</code>), polygons (<code>shape="poly"</code>) or circles (<code>shape="circle"</code>).

Line 73:

| date = March 1998

| ___location = San Francisco

| pages =

| url = https://archive.org/details/webpagesthatsuck00flan

| doi =

| id =

| isbn = 978-0-7821-2187-2

| url-access = registration