area
Definiert einen interaktiven Bereich innerhalb einer map
.
Beispiel:
<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.
"#footer"
Sie können ein Element innerhalb der gleichnamigen Seite anvisieren. Hier zielen wir auf das Element <div id="footer">
"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.
- Virtuelle private Netzwerke (VPN): Was steckt hinter dieser Technologie? - 30. August 2022