framesetを<div><object>に書き換える

いままでframesetのページ「新庄村の花pHOTo検索30」http://www.can-chan.com/hana/search/shinjo/hana-index.htmlを次のように書いていた。

<frameset rows=”180,*” frameborder=”0″ border=”0″>
<frame src=”http://www.can-chan.com/hana/search/shinjo/input.html” name=”frame1″>

<frame src=”http://www.can-chan.com/hana/search/shinjo/title.html” name=”frame2″>
<NOFRAMES>
このページはフレームを使っています。
フレーム未対応のブラウザの方は
<A href=”http://www.can-chan.com/hana/search/shinjo/test/hana-index.htm”>花の写真pHOTo検索30(iframe)から</A>どうぞご覧ください。
</NOFRAMES>
</frameset>

と書いていたのを次のように書き換えてみる。

<div>
<object type=”text/html” data=”input.html” name=”frame1″ width=”100%” height=”30%”>
<p>あなたのブラウザでは表示できません</p>
</object>
</div>
<div>
<object type=”text/html” data=”http://www.can-chan.com/hana/search/shinjo/title.html” name=”frame2″ width=”100%” height=”70%”>
<p>あなたのブラウザでは表示できません</p>
</object>
</div>

このページは花の色などで検索して、下のフレームで表示するのだが、このobjectのタグに書き換えて、framesetに頼らなくでもできることがわかった。name=”frame1″や”frame2″の記述を忘れないようにしないと、双方が関係する場合は表示できなくなるから、注意が必要である。

※上の記述で<~>はここに表示するために全角の<>を使用しているので、htmlで利用する場合はご注意を。

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です