ホーム > JavaScript | ユーザビリティ > フレームページのユーザビリティを高める方法

フレームページのユーザビリティを高める方法

フレームとは

フレームという機能をご存じでしょうか。フレーム(フレームレイアウト)とは、ひとつのブラウザ画面に複数のページを表示する機能です。最近ではユーザビリティの観点からほとんど使われなくなってきています。

フレームが使われているWebページの場合、フレーム内のページが変わってもtitile要素は親のtitile要素のままです。

これでは「今見ているページが、なんというテーマのページなのかわからない」という事が起こります。これが「ユーザビリティを高くするためには、フレームは使っちゃダメ」といわれる理由の一つです。今回は、それをほんのちょっと解決する方法を紹介します。

function ftitle(){
	parent.document.title=document.title;
	}

<body onLoad="ftitle();">

このJavaScriptを本文フレームに埋め込めば、本文フレームが変わるたびにtitile要素もそれに合わせて変わってくれます。フレームを仕方なく使わなければいけないときに使用してみてはどうでしょうか。

ブックマークするときもそのtitile要素が使われます。とはいっても、URLは親フレームのURLのままです。ですので「ほんのちょっと解決するJavaScript」なのです。

余談：
Yahoo! で「フレームページ」と検索すると、とっても恥ずかしい検索結果が見られます。
なぜか学校、病院が多いですね。

コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。

ホーム > JavaScript | ユーザビリティ > フレームページのユーザビリティを高める方法