Tegs MAP
Pārlūks | Internet Explorer | Netscape | Opera | Safari | Firefox | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Versija | 5.5 | 6.0 | 7.0 | 8.0 | 8.0 | 9.0 | 7.0 | 8.0 | 9.2 | 9.5 | 1.3 | 2.0 | 3.1 | 1.5 | 2.0 | 3.0 |
Atbalsts | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā |
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Tegs <MAP> kalpo par konteineri elementiem <AREA>, kuri nosaka attēlu-karšu aktīvos apgabalus. Tādi apgabali uz attēla uzstāda neredzamas zonas, kas darbojas kā saites uz HTML-dokumentiem. Tega <MAP> izmantošanas mērķis — sasaistīt tegu <IMG> ar klienta puses attēlu-karti. Šī saite tiek noteikta, izmantojot unikālo identifikātoru kā tegā <IMG>, nosakāmu ar parametru usemap, tā arī tegā <MAP>, nosakāmu ar atribūtu name.
Sintakse
<map name=...> <area ...> </map>
Parametri
- name
- Attēla-kartes vārds.
Aizverošais tegs
Obligāts.
Piemērs 1. Tega <MAP> izmantošana
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!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 attālumu starp rindām */
}
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="Детский образовательный центр"><br>
<img src="images/navigate.png" width="640" height="30" alt="Навигация по сайту" 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 <MAP> parametru apraksts
Parametrs NAME
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Identifikātora vārds, kurš konkretizē attēlu-karti. Tega <MAP> parametra name vērtībai jāatbilst vārdam iekš usemap. Pie kam tega <IMG> parametra usemap arguments sāksies ar simbolu "#".
Sintakse
<map name="identifikātors">...</map>
Obligāts parametrs
Jā.
Argumenti
Jebkurš piemērots reģistrjūtīgs vārds.
Noklusētā vērtība
Nav.
Piemērs 2. Attēla-kartes vārds
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!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="Европа" 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="Исландия">
<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="Польша">
</map></p>
</body>
</html>