HTML <a> target-attribut

HTML <a> tagg

Definition och användning

target Attributet specificerar var länkdocumentet ska öppnas.

Exempel

target-attributet specificerar var länkdocumentet ska öppnas:

<a href="https://www.codew3c.com" target="_blank">Besök CodeW3C.com</a>

Prova själv

Syntax

<a target="_blank|_self|_parent|_top|framename">

target Syftet med attributet är att informera webbläsaren om var den önskade resursen ska visas. Som standard använder webbläsaren fönstret, fliken eller ramen (iframe) som visar det aktuella dokumentet, så att det nya dokumentet kommer att ersätta det nuvarande dokumentet. Det finns emellertid andra alternativ, se tabellen nedan:

Attributvärde

Värde Beskrivning
_blank Öppna länkdocument i ett nytt fönster eller flik.
_self Öppna länkdocument i samma målram (standard).
_parent Öppna länkdocument i föräldramålet.
_top Öppna länkdocument i fönstrets hela huvuddel.
framename Öppna länkdocument i det specificerade iframe:et.

Detaljerad förklaring

Om en target-attribut innehåller i en <a>-tagg, kommer webbläsaren att ladda och visa dokumentet som namngivet med href-attributet på den här taggen, som matchar det angivna målet. Om det specifika namnet eller id:et på ramen eller fönstret inte finns, kommer webbläsaren att öppna ett nytt fönster, ge det en specifik markör och ladda det nya dokumentet i det fönstret. Från och med nu kan hyperlänkar peka på detta nya fönster.

Öppna i nytt fönster

Hyperlänkar som pekar på gör det enkelt att skapa effektiva navigationsverktyg. Till exempel, en enkel lista över innehållsdokument som kan omdirigera till ett enskilt fönster:

<h3>Innehållsförteckning</h3>
<ul>
  <li><a href="pref.html" target="view_window">Föredrag
  <li><a href="chap1.html" target="view_window">Kapitel 1</a></li>
  <li><a href="chap2.html" target="view_window">Kapitel 2</a></li>
  <li><a href="chap3.html" target="view_window">Kapitel 3</a></li>
</ul>

Prova själv

När användaren för första gången väljer en länk från innehållslistan, öppnar webbläsaren ett nytt fönster och markerar det som "view_window", där det önskade dokumentinnehållet visas. Om användaren väljer en annan länk från denna innehållslista och "view_window" fortfarande är öppet, laddar webbläsaren det valda dokumentet i detta fönster och ersätter de tidigare dokumenten.

Under hela processen är det fönstret som innehåller innehållslistan tillgängligt för användaren. Genom att klicka på en länk i detta fönster ändras innehållet i ett annat fönster.

Öppna i ram

För att visa innehållet i en eller flera ramar inom en <frameset>-ram, används metoden target oftare att dirigera innehållet till en eller flera ramar. Detta innehåll kan placeras i en dokument med två ramar, och den närliggande ramen används för att visa det valda dokumentet:

<frameset cols="100,*">
  <frame src="toc.html">
  <frame src="pref.html" name="view_frame">
</frameset>

Prova själv

När webbläsaren först visar dessa ramar, innehåller den vänstra ramen katalogen och den högra ramen innehåller föredraget.

Detta är källkoden för "toc.html":

<h3>Innehållsförteckning</h3>
<ul>
  <li><a href="pref.html" target="view_frame">Föredrag
  <li><a href="chap1.html" target="view_frame">Kapitel 1</a></li>
  <li><a href="chap2.html" target="view_frame">Kapitel 2</a></li>
  <li><a href="chap3.html" target="view_frame">Kapitel 3</a></li>
</ul>

Observera att i dokumentet "toc.html", målet för varje länk är "view_frame", det vill säga den högra ramen.

När användaren väljer en länk från katalogen i den vänstra ramen, kommer webbläsaren att ladda och visa det tillhörande dokumentet i denna "view_frame"-ram till höger. När en annan länk väljs, ändras också innehållet i den högra ramen, medan den vänstra ramen förblir oförändrad.

Speciella mål

Det finns 4 reserverade målnamn som används för speciella dokumentomdirigeringar:

_blank

Webbläsaren laddar alltid in måldokumentet i ett nytt, oregistrerat fönster.

_self

Denna måltilldelning är standard för alla <a>-etiketter som inte har ett specifikt mål, den gör att måldokumentet laddas in och visas i samma ram eller fönster som källdokumentet. Detta mål är onödigt och överflödigt, om det inte används tillsammans med target-egenskapen i <base>-etiketten i dokumentets titel.

_parent

Denna måltilldelning gör att dokumentet laddas in i föräldrafönstret eller ramgruppen som innehåller hyperlänken. Om denna referens är i ett fönster eller i en toppram, är den lika med målet _self.

_top

Denna måltilldelning gör att dokumentet laddas in i fönstret som innehåller denna hyperlänk, med _top-målet kommer alla innehållna ramar att tas bort och dokumentet laddas in i hela webbläsarfönstret.

Tips:Alla fyra värden för target är inledda med understreck. Alla andra fönster eller mål som inleds med ett understreck kommer att ignoreras av webbläsaren, därför bör du inte använda understreck som den första tecknet i namn eller id som definieras i dokumentet.

Webbläsarstöd

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd

HTML <a> tagg