'target' : Blank eller ny?

author
1 minute, 36 seconds Read
Skrivet av Andrew Chilton
på mars 29, 2019

Länkar. Länkar till andra sidor, interna länkar, länkar som inte är länkar. Oavsett vad vi gör med dem är de en av de grundläggande byggstenarna i World Wide Web (varför kallar vi det inte för det lika ofta längre?).

Hursomhelst, det här är ett kort och enkelt inlägg för att beskriva en sak och endast en sak. Vad gör vi när vi vill öppna en länk i en ny flik? Det är ganska enkelt, men jag glömmer alltid vilken av följande former det tar:

<a href="https://example.com" target="_blank">Open in new Tab</a><a href="https://example.com" target="_new">Open in new Tab</a>

Och här är svaret: _blank. Varför? Därför att _new inte har någon speciell betydelse. Så enkelt är det.

<a href="https://example.com" target="_blank">Open in new Tab</a>

Jag ska aldrig mer behöva göra en Google-sökning för att hitta detta StackOverflow posttarget=”_blank” vs. target=”_new” igen.

Det är bara _blank, _self, _parent och _top som har någon speciell betydelse. SeHTML Spec för mer information.

Säkerhetsanmärkning

Observera att om du använder _blank när du pekar på en otillförlitlig webbplats bör du också lägga till rel="noopener" också. Detta säkerställer att den webbplats som öppnas inte har tillgång till egenskapen opener och därmed möjlighet att ta reda på information om din webbplats från deras JavaScript

<a href="https://example.com" target="_blank" rel="noopener">Open in new Tab</a>

Det finns mer information på Googles webbplats för webbutvecklare och på About rel=”noopener” av Mathias Bynens.

Similar Posts

Lämna ett svar

Din e-postadress kommer inte publiceras.