Pseudoluokka :target ja sen hyödyntäminen

Internet, lauantaina 13.11.2004,

Pseudoluokalla :target otetaan osoitteet mukaan tyylien määrityksiin.

Koska Josku käskyttää kaikkia tyylitiedostojen kanssa leikkiviä lukemaan Web-Graphicsin artikkelin :target and conditional text display, koen olevani puun ja kuoren välissä. Päätin siis soveltaa artikkelissa olevaa pseudoluokka :targetia. Jutussa luokkaa käytetään tekstin piilottamiseen, mutta mielestäni siitä on hyötyä myös tekstin korostamisessa.

Mieltäni on jo jonkin aikaa askarruttanut miten sivun käytettävyyttä voisi parantaa korostamalla sitä kohtaa, johon linkin kautta ollaan tultu. id-attribuutti jossain elementissä mahdollistaa hyppäämisen suoraan merkittyyn kohtaan sivulla. Tätä käytetään yleensä sisällysluetteloissa ja blogeissa kommenteissa.

Korostuksesta olisi hyötyä varsinkin monia pieniä osasia sisältävillä sivuilla, joilla katse voi harhailla ennen kuin oikea kohta löytyy. Tämä voitaisiin toteuttaa myös javascriptillä, mutta pyrin käyttämään sitä vasta tarpeessa. Puhdas CSS-toteutus onkin vertaansa vailla, niin kuin Andreas Bovens kirjoituksessaan mainitsee.

Joten menkää hiekkalaatikolle leikkimään.