Metainformatsiooni näitamine CSS3 selektoritega
Lehekülje päises on näha märgendite meta ja link valitud atribuute, samuti style ning script märgendite sisu.
Nõnda saab ühe pilguheiduga kontrollida, ega meta kirjeldused ja märksõnad pole puudulikud või vananenud, või ega lehekülje versioonidele teistes keeltes viitavad link märgendid puudu ole.
Arendades edasi Eric Meyeri “Show Everything: Revealing Normally Hidden Elements”, saab meta ja link märgendite atribuudid CSS3 selektorite abil nähtavale tuua.
Märgendite display on block, ja neile on antud margin ja padding abil veerised ja polsterdus.
Sisu ennast näidatakse :after pseudo-elemendi ja content stiili kaudu, näiteksmeta[name]:after {content:attr(name) ': ' attr(content);}
Näide ülal näitab üldist meta märgendit, mis iganes ta name ka poleks.
Levinumate juhtude jaoks defineeritakse see üle nagu meta[name$='uthor']:after {content:'Autor: ' attr(content);}
Selektor $= ütleb, et name atribuudi lõpp peab olema 'uthor', atribuudil suurt ja väikest esitähte eristamata.
Seoseid (link) näidatakse analoogsel viisil.
Lehekülje teistes keeltes versioonidele viitavad seosed leitakse, nõudes href attribuudis alamstringi '.htm' (selektori *= abil), lisaks rel$='lternate'.
RSS ja Atom uudistevood tuntakse ära nende tüübi järgi (näiteks type='application/rss+xml').