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.