op 29 maart 2019
Links. Links naar andere pagina’s, interne links, links die geen links zijn. Het maakt niet uit wat we ermee doen, ze zijn een van de basisbouwstenen van het World Wide Web (waarom noemen we het niet meer zo vaak?).
Hoe dan ook, dit is een korte en eenvoudige post om één ding en slechts één ding te detailleren. Wat doen we als we een link in een nieuw tabblad willen openen? Het is vrij eenvoudig, maar ik vergeet altijd welke van de volgende vormen het aanneemt:
<a href="https://example.com" target="_blank">Open in new Tab</a><a href="https://example.com" target="_new">Open in new Tab</a>En hier is het antwoord: _blank. Waarom? Omdat _new geen speciale betekenis heeft. Zo simpel is het.
<a href="https://example.com" target="_blank">Open in new Tab</a>Nooit zal ik meer op Google hoeven te zoeken naar deze StackOverflow posttarget=”_blank” vs. target=”_new”.
Op die opmerking, alleen _blank, _self, _parent, en _top hebben een speciale betekenis. Zie deHTML Spec voor meer details.
Security Note
Merk wel op dat als u _blank gebruikt bij het verwijzen naar een onvertrouwde website, u ook rel="noopener" moet toevoegen. Dit zorgt ervoor dat de site die wordt geopend geen toegang heeft tot de opener eigenschap en daarmee de mogelijkheid om informatie over uw site uit hun JavaScript te halen
<a href="https://example.com" target="_blank" rel="noopener">Open in new Tab</a>Er is meer info op Google’s Web Developers site en Over rel=”noopener” door Mathias Bynens.