Referens
HTML area

HTML area

HTML area taggen används för att definiera ett aktivt område i en bildkarta.

Exempel:

clown

Klicka på min näsa!

HTML:

<img src="clowngrey.jpg" alt="clown" usemap="#Map" />
<map name="Map" id="Map2">
  <area shape="circle" coords="67,130,26"
  onClick="alert('AJ!')" />
</map>
HTML area
Elementtyp Sluttagg Utfasat Doctype
Speciell Nej Nej Strict, Transitional, Frameset
Elementet får innehålla
Inget
Elementet får finnas i
map
Skillnad mellan HTML och XHTML
I HTML saknar tomma element slut-tagg: Ex: <area alt="abc">
I XHTML måste tomma element stängas. Ex: <area alt="abc" />

Tips för HTML area

Elementet area är alltid kapslade inuti en <map>-tagg. Observera att för att få elementet map att fungera så måste både attributet ”id” och ”name” anges till samma värde eftersom olika webbläsare använder olika attribut för att skapa bildkartan.

HTML area attribut

Nödvändiga attribut
Attribut Beskrivning Värde
alt Anger en alternativtext för det aktiva området text

Valbara attribut
Attribut Beskrivning Värde
coords Anger koordinater för att definiera ett område för bildkartor Värdet styrs av värdet på attributet ”shape”
left, top, right, bottom då attributet shape är ”rect”
centerx, centery, radius då attributet shape är ”circ”
x1, y1, x2, y2, …, xn, yn då attributet shape är ”poly”
href Anger länkens mål URL URL
nohref Anger att området är inaktivt true, false
shape Anger vilken typ av form som ska användas för en bildkarta. Används tillsammans med attributet ”coords” rect, rectangle, circ, circle, poly, polygon
target Anger hur länken ska öppnas _blank gör att länken öppnas i ett nytt fönster
_self gör att länken öppnas i samma ram som länken klickades i
_parent gör att länken öppnas i ”föräldra-ramen” som länken klickades i
_top gör att länken öppnas i hela fönstret

Universella attribut
Attribut Beskrivning Värde
accesskey Anger en snabbtangent för att hoppa till ett element tangentkod
tabindex Anger ”tab ordningen” på olika element heltal
id Anger att elements unika identitet text
class Anger vilken klass eller vilka klasser ett element tillhör text
style Tilldelar elementet en egen visuell stil CSS attribut och värden
title Anger en titel för eller kort beskrivning av elementet text
dir Anger textriktning för innehållet rtl, ltr
lang Anger språk på elementets innehåll språkkod
xml:lang Används istället för ”lang” när koden skrivs i XHTML 1.0 språkkod

Händelse attribut
Attribut Utlösande händelse Värde
onblur Elementet tappar fokus javascript
onfocus Elementet får fokus javascript
onclick Enkelklick med musen på elementet javascript
ondblclick Dubbelklick med musen på elementet javascript
onkeydown En tangent trycks ned javascript
onkeyup En tangent släpps upp javascript
onkeypress En tangent trycks ned eller hålls nedtryckt javascript
onmousedown En musknapp trycks ned över elementet javascript
onmouseup En musknapp släpps upp över elementet javascript
onmouseover Muspekaren flyttas in över elementet javascript
onmousemove Muspekaren flyttas inom elementet javascript
onmouseout Muspekaren flyttas ut från elementet javascript
onfocus Elementet får fokus javascript
onblur Elementet tappar fokus javascript
| Mer