Linkelementillä

Linkelementillä viitataan HTML-dokumenteissa käytettyyn elementtiin, jonka tehtävänä on muodostaa hyperlinkki. Yleisimmin kyseessä on ankkuri-elementti, jonka HTML-muotoinen tunnus on <a>. Linkelementti voi ohjata käyttäjän toiseen resurssiin, kuten toiseen verkkosivuun, tiedostoon tai sijaintiin sivulla.

Rakenne ja tärkeimmät attribuutit: href määrittää kohteen osoitteen. Muita yleisiä attribuutteja ovat title (lisätietoa linkistä), target (_self, _blank jne.) sekä rel (esimerkiksi noopener ja noreferrer turvallisuuden parantamiseksi). Download voi pyytää tiedoston lataamista, ja muiden protokollien kuten mailto: tai tel: avulla voidaan avata sähköposti- tai puhelinlinkkejä. Linkin sisällä voi olla tekstiä, kuva tai muut sisältöelementit.

Käyttö ja käytettävyys: linkin tarkoitus tulisi olla heti ymmärrettävä. Selkeä anchor-teksti parantaa sekä saavutettavuutta että käytettävyyttä. Epäselvä “klikkaa tästä” tulisi korvata kuvaavalla tekstillä, kuten “siirry artikkeliin X”. Linkelementti voidaan osoittaa sekä sisäiselle sivustolle että ulkoiselle sivustolle; lisäksi sitä voidaan käyttää sisäisen kohdan ohjaamiseen sivulla käyttämällä ankkuri- tai id-osoitteita.

Saavutettavuus ja turvallisuus: käytä kuvaavaa tekstiä, kun se on mahdollista. Jos linkki avataan uuteen välilehteen, harkitse rel-attribuuttia noopener ja noreferrer estämään turvallisuusriskejä. on turvallisuudellisesti suositeltavaa välttää tarpeetonta target="_blank":ta ilman asianmukaista rel-parametria.

Esimerkki: <a href="https://example.com" target="_blank" rel="noopener noreferrer">Esimerkki</a>