<peta>


HTML <map> Tag

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<p>点击太阳或其他行星，注意变化：</p>

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">
  <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm">
  <area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm">
</map>

</body>
</html>

Jalankan Instance» <peta>label.

Takrif teg dan arahan penggunaan

<tag> digunakan untuk pemetaan imej sebelah pelanggan. Peta imej ialah imej dengan kawasan yang boleh diklik. Atribut usemap dalam

<img> boleh merujuk id atau atribut nama dalam <map> (bergantung pada penyemak imbas), jadi kita harus menambah kedua-dua atribut id dan nama pada <map>. 1000.png

elemen kawasan sentiasa bersarang di dalam elemen peta. Elemen kawasan mentakrifkan kawasan dalam peta imej.

Perbezaan antara HTML 4.01 dan HTML5

Nota:

Dalam HTML5, jika atribut id dinyatakan dalam teg <map> atribut nama.

Perbezaan antara HTML dan XHTML

Dalam XHTML, atribut nama telah ditamatkan, gantikannya dengan atribut id.

Atribut

Atribut global

<map> teg menyokong atribut global, lihat jadual atribut HTML atribut global .

Atribut Acara

属性值描述
namemapname必需。为 image-map 规定的名称。
<peta> teg menyokong semua atribut acara HTML.

←
→