References
Collection of references for web development.
HTML area tag
Description
The HTML <area> element is a child of the <map> element, it defines an hot-spot region on the image and optionally used as creating links.
Attributes
Attribute | Value | Description |
alt | string | Alternative text string to display on browsers that do not display images. The alt is required if the href attribute is used. |
coords | x, y, radius (rect) x1, y1, x2, y2 (circle) x1, y1, x2, y2, x3, y3... (poly) |
Values specifying the coordinates on the hot-spot region. |
download | filename | Download a URL instead of navigating to it. |
href | URL | Determines the URL to where the link will point to or the name of the anchor. |
hreflang | language_code | The language code for the destination URL. |
media | Operators: and|not|, Devices: all, print, screen, speech Values: aspect-ratio, color, color-index, grid, height, monochrome, orientation, resolution, scan, width |
Specifies the media type for which the element or the document is designed for. |
rel | alternate author bookmark canonical external help icon license manifest next nofollow noopener noreferrer pingback prefetch preload prev search shortlink stylesheet tag |
Specifies the relationship between the current and target documents. |
shape | rect circle poly default |
The shape of the hot-spot region. |
target | _self _blank _parent _top framename |
Specifies where to display the URL. |
Example
<map name="mycustommap">
<area shape="rect" coords="0,0,100,100" href="#" alt="Rect Link">
<area shape="circle" coords="150,50,50" href="#" alt="Circle Link">
</map>
<img usemap="#mycustommap" src="https://codeshack.io/web/img/hotspot.png" width="200" height="100" alt="An image using the map tag.">
<!-->
<!DOCTYPE>
<a>
<abbr>
<address>
<area>
<article>
<aside>
<audio>
<b>
<base>
<bdi>
<bdo>
<blockquote>
<body>
<br>
<button>
<canvas>
<caption>
<cite>
<code>
<col>
<colgroup>
<data>
<datalist>
<dd>
<del>
<details>
<dfn>
<dialog>
<div>
<dl>
<dt>
<em>
<embed>
<fieldset>
<figcaption>
<figure>
<footer>
<form>
<h1>
<h2>
<h3>
<h4>
<h5>
<h6>
<head>
<header>
<hr>
<html>
<i>
<iframe>
<img>
<input>
<ins>
<kbd>
<label>
<legend>
<li>
<link>
<main>
<map>
<mark>
<meta>
<meter>
<nav>
<noscript>
<object>
<ol>
<optgroup>
<option>
<output>
<p>
<param>
<picture>
<pre>
<progress>
<q>
<rp>
<rt>
<rtc>
<ruby>
<s>
<samp>
<script>
<section>
<select>
<small>
<source>
<span>
<strong>
<style>
<sub>
<summary>
<sup>
<table>
<tbody>
<td>
<template>
<textarea>
<tfoot>
<th>
<thead>
<time>
<title>
<tr>
<track>
<u>
<ul>
<var>
<video>
<wbr>
accept
accept-charset
action
allowfullscreen
alt
as
async
autocomplete
autofocus
autoplay
buffered
capture
charset
checked
cite (attr)
cols
colspan
content
controls
coords
crossorigin
data (object)
datetime
decoding
default
defer
dir
disabled
download
enctype
for
form (attr)
formaction
formenctype
formmethod
formnovalidate
formtarget
headers
height
high
href
hreflang
http-equiv
integrity
ismap
kind
label (attr)
label (track)
list
longdesc
loop
low
max
maxlength
media
method
min
minlength
multiple
muted
name
name (meta)
nonce
novalidate
open
optimum
pattern
ping
placeholder
played
playsinline
poster
preload
readonly
rel
required
reversed
rows
rowspan
sandbox
scope
selected
selectionDirection
selectionEnd
selectionStart
shape
size
sizes
span (col)
src
srcdoc
srclang
srcset
start
step
target
text
type
type (button)
type (input)
type (list)
type (object)
typemustmatch
usemap
value
volume
width
wrap
xmlns
onabort
onafterprint
onanimationcancel
onanimationend
onanimationiteration
onbeforeprint
onbeforeunload
onblur
oncanplay
oncanplaythrough
onchange
onclick
oncontextmenu
oncopy
oncuechange
oncut
ondblclick
ondrag
ondragend
ondragenter
ondragleave
ondragover
ondragstart
ondrop
ondurationchange
onemptied
onended
onerror
onfocus
onhashchange
oninput
oninvalid
onkeydown
onkeypress
onkeyup
onload
onloadeddata
onloadedmetadata
onloadstart
onmessage
onmousedown
onmousemove
onmouseout
onmouseover
onmouseup
onoffline
ononline
onpagehide
onpageshow
onpaste
onpause
onplay
onplaying
onpopstate
onprogress
onratechange
onredo
onreset
onresize
onscroll
onsearch
onseeked
onseeking
onselect
onstalled
onstorage
onsubmit
onsuspend
ontimeupdate
ontoggle
ontouchcancel
ontouchmove
ontouchstart
ontransitioncancel
ontransitionend
onundo
onunload
onvolumechange
onwaiting
onwheel