Kako prikažemo URL povezave pri tiskanju strani

Čeprav si lahko vsebine, ki jih srečamo na internetu vedno shranimo v obliki zaznamka, pošljemo na email ali uporabimo kako tretjo rešitev, najdemo situacije, ki zahtevajo tiskanje slednjih.

V času, ko ima na svetovnem spletu optimizacija za iskalnike (SEO) veliko težo pa so povezave v besedilih optimizirane na ključne besede ali ime produkta/strani. Tako smo pri tiskani verziji strani/članka omejeni, saj ne vemo kam povezava pelje.

S pomočjo CSS pseudo elementa (Pseudo Elements) lahko slednjo težavo hitro odpravimo. Omogoča nam enostaven izpis URL-ja same povezave ob besedilu.

Koda

a[href]:after {
content: " ("attr(href)")";
}

Če želimo efekt CSS pseudo elementa omejiti samo tiskane verzije strani pa moramo uporabiti še @media print.

Koda

@media print {
a[href]:after {
content: " ("attr(href)")";
}
}

Bodite pozorni na presledke v oklepajih.

Več informacij o Media tipih (Media Types). www.w3.org

Oznake: @mediamedia queriesPseudo Elements

Komentiraj


*