何もない場所

ふと思ったんだけど、アンカーの「rel=”nofollow”」ってやつ、ブラウザ側で「target=”_blank”」の代わりに対応してくれないかなあ。

●2006/01/17追記

いや別に、nofollowが意味的にアレだったらoutsideでも何でもいいんだけど。
しかし、勧告文書で定義されてんのってこんだけなのね。知らんかった。＾＾；
まあ、rel=”icon”とか普通に使っちゃってるしなあ。

target属性が廃止された経緯って、確かXHTMLではフレームセットDTDが無くなったから、元々フレーム用だったtarget属性も無くなったって感じだったと記憶してる。
でも、target=”_blank”はフレーム関係ないじゃんよぅ。

で、これ。

window.onload = function() {
	a = document.getElementsByTagName("a");

	for(i in a) {
		if(a[i].getAttribute) {
			if(a[i].getAttribute("rel") == "outside") {
				a[i].setAttribute("target", "_blank");
			}
		}
	}
};

スタイルシートのposition:fixedを使って、擬似的にフレームのようなレイアウトを実現出来るというのは結構知られていますが（IEは非対応）、実はこれ、意外なところに落とし穴が……。
画面の左側、右側、あるいは下部に固定した場合は特に問題ないです。でも、画面上部に固定しようとした場合、とーっても困った自体が……！
それは、ページ内ジャンプ。そう、「<a href=”#contents” mce_href=”#contents”>コンテンツへ移動</a>」とかやる、アレ。
ページ上部にメニューなんかを固定させてしまった場合、ページ内ジャンプした時にリンク先がメニューの下に隠れてしまうのです。
いや、ぶっちゃけ、文書の論理構造にこだわらなければ回避策なんていくらでもあるんですが。それ言っちゃうとネタになんないんで。
あくまで論理的なマークアップを維持したままでこの状況を打破すべく頑張ってみたいと思います。

ではでは、早速ですがサンプルをば。
まずはフツーに固定配置をして、困ったレイアウトになってしまったパターン。

(続きを読む…)