29. maaliskuuta 2019
Linkit. Linkit muille sivuille, sisäiset linkit, linkit, jotka eivät ole linkkejä. Riippumatta siitä, mitä teemme niillä, ne ovat yksi World Wide Webin perusrakennuspalikoista (miksi emme kutsu sitä enää niin paljon?).
Jokatapauksessa tämä on lyhyt ja yksinkertainen viesti, jossa kerrotaan yksityiskohtaisesti yhdestä ja vain yhdestä asiasta. Mitä teemme, kun haluamme avata linkin uuteen välilehteen? Se on aika helppoa, mutta unohdan aina, mikä seuraavista muodoista se on:
<a href="https://example.com" target="_blank">Open in new Tab</a><a href="https://example.com" target="_new">Open in new Tab</a>Ja tässä on vastaus: _blank. Miksi? Koska _new:lla ei ole mitään erityistä merkitystä. Se on niin yksinkertaista.
<a href="https://example.com" target="_blank">Open in new Tab</a>Ei minun enää koskaan tarvitse tehdä Google-hakua löytääkseni tämän StackOverflow posttarget=”_blank” vs. target=”_new”.
Tässä huomautuksessa vain _blank, _self, _parent ja _top:llä on mitään erityistä merkitystä. Katso lisätietojaHTML Spec:stä.
Turvallisuushuomautus
Huomaa vain, että jos käytät _blank:aa osoittaessasi epäluotettavalle verkkosivustolle, sinun tulisi lisätä myös rel="noopener". Näin varmistetaan, että avattavalla sivustolla ei ole pääsyä opener-ominaisuuteen ja siten mahdollisuutta saada tietoa sivustostasi sen JavaScriptistä
<a href="https://example.com" target="_blank" rel="noopener">Open in new Tab</a>Lisätietoa on Googlen Web Developers -sivustolla ja Mathias Bynensin kirjoittamassa artikkelissa About rel=”noopener”.