2005年06月20日
同窓（同一ページ内リンク）と別ドメインアイコン

[Web]

Firefoxの拡張機能「TargetAlert」というFirefoxの機能拡張がある。この拡張機能をつけると別窓やPDFなどの特殊なリンクにアイコンを追加してくれのですが、最新のバージョン（0.8.6）では、すごい機能が追加されました。

一つ目が同窓（ページ内リンク）アイコンである。
何気ないこのアイコン、ありそうでなかったアイコン。別窓アイコンと同じくらい感動しましたね。
CSS3では、以下のような属性セレクタで実装できそうです。

a[href^="#"]:after{
content:url("/img/同窓アイコン.gif");
}


二つ目が別ドメインアイコンである。
このアイコンは、現在表示されているページとは別のドメインへのリンクを表す。これも同窓と負けず劣らず直感的で優秀です。
CSS3では、以下のような属性セレクタで実装できそうです。

a[href^="http://"]:after{
content:url("/img/別ドメインアイコン.gif");
}


まだまだ、一般的なアイコンではないですが、是非、浸透してもらいたいものです。

参考ページ：CSS3の属性セレクタ（Lucky bag::blog）

wikiウサギ：同窓アイコン

wikiウサギ：別ドメインアイコン