Hvordan åbner man link i ny fane på html?

Jeg arbejder på et HTML-projekt, og jeg kan ikke finde ud af, hvordan man åbner et link i en ny fane uden javascript.

Jeg ved allerede, at <a href="http://www.WEBSITE_NAME.com"></a> åbner linket i samme faneblad. Nogen ideer til, hvordan man får det til at åbne i et nyt?

Løsning

Sæt 'target' attributten for linket til _blank:

<a href="#" target="_blank" rel="noopener noreferrer">Link</a>

Edit: for andre eksempler, se her: http://www.w3schools.com/tags/att_a_target.asp

(Bemærk: Jeg har tidligere foreslået blank i stedet for _blank, fordi det, hvis det bruges, åbner en ny fane og derefter bruger den samme fane, hvis der klikkes på linket igen. Dette er dog kun fordi det, som GolezTrol påpegede, henviser til navnet a på en ramme/vindue, som ville blive sat og brugt, når der trykkes på linket igen for at åbne det i samme faneblad).

Sikkerhedshensyn!

rel="noopener noreferrer" er for at forhindre, at den nyligt åbnede fane kan ændre den oprindelige fane på ondsindet vis. Du kan finde flere oplysninger om denne sårbarhed i disse ressourcer:

Kommentarer (7)

Brug en af disse efter dine behov.

Åbn det linkede dokument i et nyt vindue eller en ny fane:

 <a href="xyz.html" target="_blank"> Link </a>

Åbner det linkede dokument i den samme ramme, som der blev klikket på det (dette er standard):

 <a href="xyz.html" target="_self"> Link </a>

Åbner det linkede dokument i den overordnede ramme:

 <a href="xyz.html" target="_parent"> Link </a>

Åbner det linkede dokument i hele vinduet:

 <a href="xyz.html" target="_top"> Link </a>

Åbn det linkede dokument i en navngiven ramme:

 <a href="xyz.html" target="framename"> Link </a>

Se MDN

Kommentarer (3)

Brug target="_blank":

<a href="http://www.example.com/" target="_blank" rel="noopener noreferrer">This will open in a new window!</a>
Kommentarer (1)