Cómo indicar vínculos externos

Suele resultar molesto estar en un sitio y al hacer clic en un enlace, que este nos lleve a una página externa. La solución que muchos adoptan es la de abrir la página en una ventana nueva, esto no solo interfiere con la navegabilidad del usuario y la usabilidad del sitio, sino que también si desarrollas con XHTM, el atributo target no está permitido.
Particularmente me gusta la forma que tiene Wikipedia de indicar los enlaces externos por medio de pequeño ícono. Para implementar esto solo debemos trabajar con nuestras CSS agregando un código como el que sigue

a[href^="http"] {background:url(images/sitioexterno.gif) no-repeat right top;}

Por el momento solo funciona en navegadores con algún soporte para CSS3. En Firefox lo puedes usar, pero tus usuarios con Internet Explorer 6 o inferior no lo verán.

Otra opción es crear en la CSS una clase y usarla en los enlaces externos.