Přidání URL za odkaz v tiskovém stylu 1

Pokud si pro váš web připravujete tiskové styly (což byste rozhodně měli), může se vám hodit tato drobná finta:

a:after {
  content: " (" attr(href) ") ";
  font-size: 90%;
}

Nyní se za každým odkazem zobrazí v závorkach URL, kam odkaz vede. Pokud má někdo vytištěnou stránku, má jednoduchý způsob jak zjistit, co se skrývá pod jednotlivými odkazy. Je dobrý nápad tuto definici omezit pouze na obsahové části stránky, aby se nevložili URL odkazů, které nechcete (e.g. navigace).

Toto řešení funguje ve všech prohlížečích kromě IE 6 a IE 7 (osmá verze už :after selektor podporuje).

Zapomněli jsme ale na jednu drobnost, a to pokud jsou odkazy relativní k doméně. Je dobrým nápadem pro takové odkazy předsadit URL, aby se v tiskové verzi zobrazila plnohodnotná adresa:

a[href^="/"]:after {
	content: " (http://www.ameeck.net" attr(href) ") ";
	font-size: 90%;
}