HTML - doelkenmerk
Definitie en gebruik
Voor <a>en <area>elementen geeft het
targetattribuut aan waar het gekoppelde document moet worden geopend.
Voor <base>elementen
targetspecificeert het attribuut het standaarddoel voor alle hyperlinks en formulieren op de pagina.
Voor <form>elementen
targetspecificeert het attribuut een naam of een trefwoord dat aangeeft waar het antwoord moet worden weergegeven dat wordt ontvangen na het indienen van het formulier.
Geldt voor
Het targetattribuut kan op de volgende elementen worden gebruikt:
| elementen | Attribuut |
|---|---|
| <a> | src |
| <gebied> | src |
| <basis> | src |
| <formulier> | src |
Voorbeelden
Een voorbeeld
Het doelkenmerk geeft aan waar het gekoppelde document moet worden geopend:
<a href="https://www.w3schools.com" target="_blank">Visit W3Schools</a>
Gebied Voorbeeld
Een afbeeldingskaart, met aanklikbare gebieden en een doelkenmerk:
<img src="planets.gif"
width="145" height="126"
alt="Planets"
usemap="#planetmap">
<map
name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun"
target="_blank">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>
Basis voorbeeld
Geef een standaarddoel op voor alle hyperlinks en formulieren op een pagina:
<head>
<base target="_blank">
</head>
Formulier voorbeeld
Toon het ontvangen antwoord in een nieuw venster of tabblad:
<form action="/action_page.php"
method="get" target="_blank">
First name: <input type="text" name="fname"><br>
Last name:
<input type="text" name="lname"><br>
<input type="submit" value="Submit">
</form>
Browserondersteuning
Het targetattribuut heeft de volgende browserondersteuning voor elk element:
| Element | |||||
|---|---|---|---|---|---|
| a | Yes | Yes | Yes | Yes | Yes |
| area | Yes | Yes | Yes | Yes | Yes |
| base | Yes | Yes | Yes | Yes | Yes |
| form | Yes | Yes | Yes | Yes | Yes |