Zum Inhalt springen

area

Definiert einen interaktiven Bereich innerhalb einer map.

Beispiel:

world continents area

<img src="/images/world-continents.png" width="320" height="160" orgwidth="320" orgheight="160" usemap="#world-continents">
<map name="world-continents">
  <area title="North America" href="https://en.wikipedia.org/wiki/North_America" shape="poly" coords="48,89,67,69,77,49,140,0,68,0,6,10,4,31,16,69">
  <area title="South America" href="https://en.wikipedia.org/wiki/South_America" shape="poly" coords="48,88,61,74,119,99,95,160,66,159">
  <area title="Europe" href="https://en.wikipedia.org/wiki/Europe" shape="poly" coords="124,49,145,46,158,50,187,43,198,6,146,1,115,21">
  <area title="Africa" href="https://en.wikipedia.org/wiki/Africa" shape="poly" coords="121,53,140,47,169,51,186,77,196,80,188,137,156,136,138,97,118,86">
  <area title="Asia" href="https://en.wikipedia.org/wiki/Asia" shape="poly" coords="166,50,184,77,201,74,215,91,258,108,263,87,283,74,297,8,192,3,191,29,187,46,170,42">
  <area title="Australia" href="https://en.wikipedia.org/wiki/Australia_(continent)" shape="poly" coords="257,107,263,85,314,89,316,137,294,151,249,132,248,114">
</map>

title

Legt den Titel des Bereichs fest.

"North America"

Der Titel wird angezeigt, wenn Sie den Mauszeiger über den Bereich bewegen.

shape

Definiert die Form des Bereichs.

"rect"

Die Form ist ein Rechteck und erfordert 4 Koordinaten.

"circle"

Die Form ist ein Kreis und erfordert 2 Koordinaten und 1 Radius.

"polygon"

Die Form ist ein Polygon mit unbegrenzten Punkten.

coords

Legt die Koordinaten für die Form fest.

"116,104,234,154"

Ein rect erfordert zwei Paare x1,y1,x2,y2, von denen das erste die linke obere Ecke und das zweite die rechte untere Ecke definiert.

"50,80,20"

Ein circle benötigt ein Paar und einen Radius x,y,r. Das Paar definiert den Mittelpunkt des Kreises.

"198,374,243,303,428,387,361,624,296,624"

Ein polygon erfordert eine Sammlung von x,y Paaren.

href

Definiert das Ziel des Bereichs.

"https://htmlreference.io"

Sie können eine absolute URL übergeben.

"/element/div"

Sie können eine URL relativ zur Stammdomäne übergeben.

"mailto:[email protected]"

Sie können das mailto-Protokoll verwenden. Wenn Sie auf den Bereich klicken, wird das E-Mail-Programm des Benutzers geöffnet.

target

Legt fest, in welchem Tab oder Fenster der angeklickte Bereich angezeigt wird.

"_blank"

Öffnet sich in einem neuen Browser-Kontext, in der Regel eine neue Registerkarte.

"_self"

Öffnet sich in der aktuellen Registerkarte.

"_parent"

Öffnet im übergeordneten Browsing-Kontext oder _self, wenn es keinen gibt.

"_top"

Öffnet sich im obersten Browsing-Kontext oder _self, wenn es keinen gibt.

Nach oben