Apraksts
Katrs tegs <AREA> nosaka attēla aktīvos laukumus, kuri darbojas kā hipersaites. Attēls, kura laukumiem piesaistītas hipersaites, kopumā saucas par attēlu-karti. Tāda karte pēc ārējā izskata ne ar ko neatšķiras no parasta attēla, tajā pat laikā tā būs sadalīta dažādu formu neredzamās zonās, kur katra no zonām kalpos kā hipersaite. Tegs <AREA> nosaka zonas formu, tās koordinātes, uzstāda dokumenta adresi, uz kuru norādīs hipersaite, kā arī loga vai freima nosaukumu, kurā pārlūks ielādēs dokumentu. Šis tegs vienmēr atrodas konteinerī <MAP>, kurš sasaista zonu koordinātes ar attēlu.
Sintakse
<map>
<area href="URL">
</map>
Parametri
- alt
- Alternatīvais teksts attēla zonai.
- coords
- Aktīvās zonas koordinātes.
- href
- Nosaka dokumenta adresi, uz kuru notiks pāreja.
- nohref
- Zona BEZ hipersaites.
- shape
- Zonas forma.
- target
- loga vai freima nosaukums, kurā pārlūks ielādēs dokumentu.
Noslēdzošais tegs
Nav nepieciešams.
Piemērs 1. Tega <AREA> lietošana
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Tegs AREA</title>
<style type="text/css">
DIV#title {
line-height: 0; /* Mainām starprindu attālumu */
}
DIV#title IMG {
border: none; /* Novācam rāmīti ap attēlu */
}
</style>
</head>
<body>
<div id="title"><img src="images/ecctitle.png" width="640" height="158" alt="Bērnu izglītības centrs"><br>
<img src="images/navigate.png" width="640" height="30" alt="Lapas navigācija" usemap="#Navigation"></div>
<p><map name="Navigation">
<area shape="poly" coords="113,24,211,24,233,0,137,0" href="inform.html" alt="Информация">
<area shape="poly" coords="210,24,233,0,329,0,307,24" href="activity.html" alt="Мероприятия">
<area shape="poly" coords="304,24,385,24,407,0,329,0" href="depart.html" alt="Отделения">
<area shape="poly" coords="384,24,449,24,473,0,406,0" href="techinfo.html" alt="Техническая информация">
<area shape="poly" coords="449,24,501,24,525,0,473,0" href="study.html" alt="Обучение">
<area shape="poly" coords="501,24,560,24,583,0,525,0" href="work.html" alt="Работа">
<area shape="poly" coords="560,24,615,24,639,0,585,0" href="misk.html" alt="Разное">
</map></p>
</body>
</html>Tega <AREA> parametru apraksts
Parametrs ALT
Apraksts
Parametrs alt uzstāda altenatīvo tekstu attēla zonai. Šāds teksts tiek attēlots "uzpeldoša paskaidrojuma veidā, kad uz attēla zonas tiek uzvests kursors". Ne visi pārlūki atbalsta parametru alt.
Sintakse
<area alt="teksts">
Nepieciešams parametrs
Jā.
Argumenti
Jebkura teksta rinda. Rinda jāieslēdz pēdiņās.
Noklusētā vērtība
Nav.
Piemērs 2. Alternatīvā teksta pievienošana
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Tegs AREA, parametrs alt</title>
</head>
<body>
<p><img src="/html/example/images/europe.png" alt="Eiropa" width="422"
height="387" border="0" usemap="#Map">
<map name="Map">
<area shape="poly" coords="34,83,42,90,52,87,64,85,71,81,79,87,84,95,
75,110,61,120,42,116,37,110,25,94,32,82" href="is.html" alt="Islande">
<area shape="poly" coords="168,262,173,254,180,254,207,272,201,290,206,309,
197,318,182,316,182,323,165,320,152,317,154,292,138,276,168,263" href="fr.html" alt="Франция">
<area shape="poly" coords="250,223,264,217,274,222,295,221,298,235,301,257,
290,269,274,268,247,254,243,241,243,241" href="pl.html" alt="Polija">
</map></p>
</body>
</html>Parametrs COORDS
Apraksts
Uzstāda zonas koordinātes, tiek saukta arī par "karsto zonu". Šāda zona var būt hipersaite uz failu vai saistīta ar darbību, kuru nosaka skripts.
Koordināšu vērtība ir skaitļu rinda, kurā katra koordināte atdalīta ar komatiem. Ja divas zonas pārklāj viena otru, prioritāte ir tai, kura HTML kodā atrodas augstāk.
Sintakse
<area coords="1-ā koordināte, 2-ā koordināte, 3-ā koordināte, ...">
Nepieciešams parametrs
Nē.
Argumenti
Koordināšu komplektu nosaka zonas forma, kuru uzstāda parametrs shape. Koordināšu skaitīšana parasti notiek no attēla kreisā augšējā stūra un tiek izteikta pikseļos (Px).
Taisnstūrim (shape="rect") tiek noteiktas četras koordinātes — X1, Y1, X2, Y2, kā redzams 1-ā zīmējumā.
Zīm. 1. Koordinātes taisnstūrim
Riņķa līnijai (shape="circle") tiek noteiktas trīs koordinātes — riņķa līnijas centrs (X, Y) un tās radiuss (R) kā redzams 2-jā zīmējumā.
Zīm. 2. Koordinātes riņķa līnijai
Priekš poligona (daudzstūra) (shape="poly") pēc kārtas tiek noteiktas katra stūra koordinātes (X1, Y1, X2, Y2, :), kā redzams 3-ā zīmējumā.
3. zīm Koordinātes daudzstūrim
Noklusētā vērtība
Nav.
Piemērs 3. "Karstās zonas" koordinātes
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Tegs AREA, parametrs coords</title>
</head>
<body>
<p><map name="worm">
<area coords="321, 245, 100" shape="circle" href="../wormik/knob.html" alt="Tārpa koordinātes">
</map></p>
<p><img src="/images/bigworm.gif" usemap="#worm" width="623" height="511" alt="Tārps"></p>
</body>
</html>Parametrs HREF
Описание
Uzstāda dokumenta adresi, uz kuru notiks pāreja. Par cik saites adresāts var būt jebkura tipa dokuments(fails), tad pārejas rezultāts atkarīgs no adresāta faila. Tā arhīvi (faili ar paplāšinājumu zip vai rar) tiks saglabāti uz cietā diska. Pēc noklusējuma jaunais dokuments tiek atvērts tajā pašā pārlūka logā, tomēr šo īpašību var mainīt ar parametra target palīdzību.
Sintakse
<area href="URL">
Nepieciešams parametrs
Jā.
Argumenti
Kā vērtību lieto absolūtu vai relatīvu saiti uz dokumentu vai Javascript funkciju.
Noklusētā vērtība
Nav.
Piemērs 4. Saites izveidošana
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Tegs AREA, parametrs href</title>
</head>
<body>
<p><map name="worm">
<area coords="321, 245, 100" shape="circle" href="../wormik/knob.html" alt="Координаты для червяка">
</map></p>
<p><img src="/images/bigworm.gif" usemap="#worm" width="623" height="511" alt="Червяк"></p>
</body>
</html>Parametrs NOHREF
Apraksts
Šis parametrs paziņo pārlūkm, ka "karstā zona" NAV saite. Šajā gadījumā parametru href nenorāda.
Sintakse
<area nohref>
Argumenti
Nav.
Noklusētā vērtība
Nav.
Piemērs 5. Parametra nohref izmantošana
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Tegs AREA, parametrs nohref</title>
</head>
<body>
<p><map name="nortland">
<area coords="21, 24, 121, 124" shape="rect" nohref alt="Ieeja lapā">
</map></p>
<p><img src="/images/piter.gif" usemap="#nortland" width="200" height="200" alt="Pīters Nortons"></p>
</body>
</html>Parametrs SHAPE
Apraksts
Nosaka "karstās zonas" formu, kuras koordinātes uzstāda ar parametru coords.
Sintakse
<area shape="circle | poly | rect">
Argumenti
- circle
- Riņķa līnija.
- poly
- Poligons (daudzstūris).
- rect
- Taisnstūris.
Noklusētā vērtība
rect
Parametrs TARGET
Описание
Pēc noklusējuma, pārejot pēc saites, dokuments tiek atvērts tajā pašā logā vai freimā. Ja nepieciešams, šo nosacījumu iespējams izmainīt ar tega <AREA> parametru target.
Sintakse
<area target="loga nosaukums">
Argumenti
Kā arguments tiek izmantots loga vai freima nosaukums, piešķirts ar parametru name. Ja noteikts neeksistējošs nosaukums, tiks atvērts jauns logs. Kā rezervēti nosaukumi tiek izmantoti sekojošie.
- _blank
- Ielādē lapu jaunā pārlūka logā.
- _self
- Ielādē lapu esošajā pārlūka logā.
- _parent
- Ielādē lapu primārajā freimā, ja freimu nav, darbojas tāpat kā _self.
- _top
- Atceļ visus freimus un ielādē lapu pilnā logā, ja freimu nav, darbojas tāpat kā _self.
Noklusētā vērtība
_self
Piemērs 6. Saites atvēršana jaunā logā
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Тег AREA, параметр target</title>
</head>
<body>
<p><map name="nortland">
<area coords="21, 24, 121, 124" shape="rect" href="/sch/images/new.html"
target="_blank" alt="Откроется в новом окне">
</map></p>
<p><img src="/images/piter.gif" usemap="#nortland" width="200"
height="200" alt="Питер Нортон"></p>
</body>
</html>
