フレーム内にリンク先のページが表示されてしまう落とし穴 | デザインってオモシロイ -MdN Design Interactive-

フレーム内にリンク先のページが表示されてしまう落とし穴

2026.4.25 SAT

【サイトリニューアル!】新サイトはこちらMdNについて


Webデザインには、あなたの知らない「落とし穴」がたくさん。大きなものから小さなものまで、それが及ぼす影響はさまざまだ。カンペキだと思っているあなたのサイトも、実はすでに暗い穴の中かも・・・。




フレーム内にリンク先のページが表示されてしまう落とし穴


 最近のWeb制作において<frame>タグを使用する機会は少なくなってきているだろう。しかし、そうはいっても<frame>タグを使っているサイトの修正をしなければいけない場合、きちんとした<frame>タグの知識をもっておく必要がある。

 特に初心者が陥りやすいミスで、かつWebページ上でたまに見かけるのがフレーム内にある外部サイトへのリンクをクリックしても、同フレーム内にリンク先が表示されてしまうといったことである【1】。

 外部サイトへのリンクをフレーム内に表示してしまうとユーザーにとって扱いづらいうえ、リンクされた側のページの管理者も意図しない表示のされ方なので好ましくない。

 これを回避するにはリンクのTARGET属性の値を"_parent"もしくは"_top"にする。"_parent"の場合は自分自身を管理するフレームのみを破壊し、"_top"の場合はすべてのフレーム構造を破壊する。用途によって使い分けよう。



【1】フレーム内に外部のサイトが表示されている例

解説:横山 剛

(※本文中、及びキャプション内で使用している「<」、「>」は、全角になります。ご注意ください。)





twitter facebook このエントリーをはてなブックマークに追加 RSS
【サイトリニューアル!】新サイトはこちらMdNについて

この連載のすべての記事

アクセスランキング

8.30-9.5

MdN BOOKS|デザインの本

Pick upコンテンツ

現在