HTML < area> Tag



Beschreibung

Die HTML <Bereich> Tag wird verwendet für definieren einen Bereich in einem Bild Karte .

Beispiel

<!DOCTYPE html>
<html>
<head>
<title>HTML area Tag</title>
</head>
<body>
<img src=/de/html/images/usemap.gif alt="usemap" border="0" 
     usemap="#tutorials"/>
<map name=tutorials">
   <area shape="poly" 
            coords="74,0,113,29,98,72,52,72,38,27"
            href="/perl/index.htm" 
            alt="Perl Tutorial"
            target="_blank" />
   <area shape="rect" 
            coords="22,83,126,125"
            alt="HTML Tutorial"
            href="/html/index.htm" 
            target="_blank" />
   <area shape="circle" 
            coords="73,168,32"
            alt="PHP Tutorial"
	    href="/php/index.htm" 
            target="_blank" />
</map>
</body>
</html>

Diese produzieren wird folgendes Ergebnis:

usemap Perl Tutorial HTML Tutorial PHP Tutorial

Global Attribute

Dieser Tag unterstützt alle globalen Attribute beschrieben in- HTML Attribute Referenz

spezifische Attribute

Die HTML <Bereich> Tag auch unterstützt folgende zusätzliche Attribute:

AttributeWertBeschreibung
alt textGibt einen alternativen Text für das Gebiet.
coords

wenn Form = "rect", dann

coords="links, oben, rechts, unten"

wenn Form = "circ", dann

coords="centerx,centery,radius"

wenn shape = "poly" dann

coords="x1,y1,x2,y2,..,xn,yn"

spezifiziert die Koordinaten angemessen an die Form-Attribut, um einen Bereich eines Bildes für Image-Maps definieren.

download html-5DateinameDieser downloads die Ziel, wenn der Benutzer auf den Hyperlink klickt.
href URLGibt die URL einer Seite oder den Namen des Ankers, dass der Link geht zu.
hreflang html-5Sprache_codegibt an,Sprache der Ziel-URL.
media html-5Medien queryEs Gibt an was Medien das verknüpfte Dokument wird optimiert für
nohref wahr / falsch
rel html-5

alternate

author

Lesezeichen

Hilfe

Lizenz

nächste

nofollow

noreferrer

prefetch

prev

Suche

tag

Gibt Beziehung zwischen dem aktuellen Dokument und die Ziel-URL

shape

rect

Rechteck

circ

Kreis

poly

polygon

Legt die Form der image-Map

target

_blank

_parent

_self

_top

Wo man die Ziel-URL zu öffnen

.

_blank - der Ziel-URL wird in einem neuen Fenster zu öffnen

_self - der Ziel-URL wird im gleichen Rahmen zu öffnen, wie es wird angeklickt

_parent - der Ziel-URL wird in der übergeordneten Frameset öffnen

_top - der Ziel-URL wird in den gesamten Körper aus dem Fenster öffnen

typehtml-5mime_typGibt an den MIME (Multipurpose Internet Mail Extensions)-Typ des Ziel-URL

Event Attribute

Dieser Tag unterstützt alle event Attribute beschrieben in- HTML Events Referenz

Browser Unterstützung

ChromeFirefoxIEOperaSafariAndroid
jajajajajaja
html_tags_reference.htm
Advertisements