den 29. marts 2019
Links. Links til andre sider, interne links, interne links, links der ikke er links. Uanset hvad vi gør med dem, er de en af de grundlæggende byggeklodser i World Wide Web (hvorfor kalder vi det ikke så meget det længere?).
A Anyway, dette er et kort og simpelt indlæg for at beskrive en ting og kun en ting. Hvad gør vi, når vi ønsker at åbne alink i en ny fane? Det er ret nemt, men jeg glemmer altid hvilken af følgende former det tager:
<a href="https://example.com" target="_blank">Open in new Tab</a><a href="https://example.com" target="_new">Open in new Tab</a>
Og her er svaret: _blank
. Hvorfor? Fordi _new
ikke har nogen særlig betydning. Så simpelt er det.
<a href="https://example.com" target="_blank">Open in new Tab</a>
Jeg skal aldrig mere skulle være nødt til at lave en Google-søgning for at finde dette StackOverflow posttarget=”_blank” vs. target=”_new” igen.
På den baggrund er det kun _blank
, _self
, _parent
og _top
, der har nogen særlig betydning. SeHTML Spec for flere detaljer.
Sikkerhedsbemærkning
Bemærk blot, at hvis du bruger _blank
, når du peger på et websted, der ikke er tillid til, skal du også tilføje rel="noopener"
også. Dette sikrer, at det websted, der åbnes, ikke har adgang til opener
-egenskaben og dermed mulighed for at finde oplysninger om dit websted fra deres JavaScript
<a href="https://example.com" target="_blank" rel="noopener">Open in new Tab</a>
Der findes yderligere oplysninger på Googles websted for webudviklere og på About rel=”noopener” af Mathias Bynens.