HTML žymė - area

Lukas

area žymė nurodo aktyvią zoną paveikslėlio žemėlapyje, tai yra paveikslėlyje su aktyviomis, paspaudžiamomis zonomis. <area> visada yra vidinė <map> žymės žymė.

Pavyzdys

<html>
<head></head>
<body>
 
<img src="../img/zvaigzde.png" width="300" height="300"
 alt="Žvaigždė" usemap="#zvaigzde" />
 
<map name="zvaigzde">
 
  <area shape="poly" coords="150,30,191,104,272,121,217,183,226,267,
150,233,74,268,83,184,24,120,108,104,150,30,150,79,123,124,71,137,
106,175,101,229,152,207,199,229,193,174,231,135,177,126,150,78" 
href="http://lt.wikipedia.org/wiki/%C5%BDvaig%C5%BEd%C4%97" 
target="_blank" alt="Žvaigždė" />
 
</map>
 
</body>
</html>

Pastaba: <img> žymėje esantis atributas usemap yra surištas su <map> elemento name atributu ir sukuria sąsają tarp paveikslėlio ir žemėlapio.

Naršyklių palaikymas

area žymę palaiko visos pagrindinės naršyklės.

Skirtumas tarp HTML ir XHTML

HTML <area> žymė neturi uždarymo.

XHTML <area> žymė turi būti uždaryta: <area />

Area žymės privalomi atributai

Atributas	Reikšmė	Aprašymas	DTD
alt	tekstas	Nurodo alternatyvų tekstą	STF

Paaiškinimai: DTD indeksas - nurodo su kokiais dokumentų tipais galime naudoti konkretų atributą. S - Strict, T - Transitional, F - Frameset

Area žymės atributai

Atributas	Reikšmės	Aprašymas	DTD
coords	koordinatės	Nurodo nuorodos koordinates	STF
href	URL	Nurodo zonoje esančios nuorodos tikslą	STF
nohref	nohref	Nurodo, kad zona nėra susieta su jokia nuoroda	STF
shape	default rect circle poly	Nurodo zonos formą	STF
target	_blank _parent _self _top	Nurodo kaip atridaryti puslapį nurodytą href atribute	TF
Standartiniai atributai
accesskey	simbolis	Nurodo klaviatūros mygtuką, su kuriuo galime pasiekti šią zoną
class	klasės_vardas	Nurodo kokiai klasei priklauso elementas	STF
dir	rtl ltr	Nurodo teksto kryptį elemente ltr (left to right) - iš kairės i dešinę, rtl (right to left) - iš dešinės į kairę	STF
id	id	Nurodo unikalų elemento id numerį ar pavadinimą	STF
lang	kalbos_kodas	Nurodo kalbos kodą, jei reikia nurodyti kokia kalba yra pateiktas elemento turinys	STF
style	stiliaus_taisyklės (css)	Nurodo vidinį elemento stilių naudojant css stiliaus taisykles	STF
title	tekstas	Nurodo papildomą elemento informaciją	STF
xml:lang	kalbos_kodas	Nurodo kalbos kodą xhtml dokumento elemento turiniui	STF

Paaiškinimai: DTD indeksas - nurodo su kokiais dokumentų tipais galime naudoti konkretų atributą. S - Strict, T - Transitional, F - Frameset

žiūrėti visus standartinius atributus

Area žymės įvykiai

Atributas	Reikšmė	Aprašymas
onblur	skriptas	Skriptas bus vykdomas, kai vartotojas nebefokusuoja žymeklio ant elemento
onclick	skriptas	Skriptas bus vykdomas, kai vartotojas paspaus su pele ant elemento
ondblclick	skriptas	Skriptas bus vykdomas, kai vartotojas paspaus su pele du kartus ant elemento
onfocus	skriptas	Skriptas bus vykdomas, kai vartotojas fokusuos žymeklį ant elemento
onmousedown	skriptas	Skriptas bus vykdomas, kai vartotojas įspaus pelės mygtuką
onmousemove	skriptas	Skriptas bus vykdomas, kai vartotojas su pele užeis ant elemento
onmouseout	skriptas	Skriptas bus vykdomas, kai vartotojas su pele nueis nuo elemento
onmouseover	skriptas	Skriptas bus vykdomas, kai vartotojas su pele judės ant elemento
onmouseup	skriptas	Skriptas bus vykdomas, kai vartotojas atleis įspaustą pelės mygtuką
onkeydown	skriptas	Skriptas bus vykdomas, kai vartotojas įspaus mygtuką su klaviatūra
onkeypress	skriptas	Skriptas bus vykdomas, kai vartotojas paspaus ir atleis mygtuką su klaviatūra
onkeyup	skriptas	Skriptas bus vykdomas, kai vartotojas atleis paspaustą mygtuką su klaviatūra