Hyperlinks verschieden darstellen

[Gunnar Bittersmann]

@@Beat:

Es soll mittels CSS der Inhalt des href Attributs in a Elementen ausgewertet werden und differenziert dargestellt werden.

Basisadresse: "http://example.com"
                                 same-origin      typ

href="http://example.com"        ja               abs
href="http://example.net"        nein             abs
href="http://www.example.com"    ja               abs
href="http://mail.example.com"   nein             abs
href="/index.html"               ja               rel
href="../index.html"             ja               rel
href="index.html"                ja               rel

a[href^=http://] { /* Formatierung für externe Links */ }  
  
a, a[href^=http://example.com], a[href^=http://www.example.com] { /* Formatierung für interne Links */ }

Wobei die Klassifizierung extern vs. intern bedenklich ist. (Der Nutzer will die gewünschte Information; ob er diese auf einer Seite von derselben oder einer anderen Website bekommt, dürfte für ihn nicht sonderlich ausschlaggebend sein.)

Live long and prosper,
Gunnar