2013-08-15 16 views
20

私はHTML5を初めて使用しています。若干の調査を行いましたが、<frameset>の使用は古く、私が読むものは<iframes>ではありません。誰かが私を助けることができますが、私は表示されている例と同じ結果を得たいと思っていますが、<frameset><iframes>や別の代用品を使用していますが、HTLM5では廃止されていませんか?iframeを使用したhtml5のフレームの代わり

<frameset cols="20%,*,"> 
    <frame src="menu.html"> 
    <frame src="events.html"> 
</frameset> 
+1

これを簡単に置き換えることはできません。 –

+0

具体的には、どのフレームについて再生しようとしていますか? 2つの列だけが必要ですか? –

+0

私は使用時と同じ機能を使いたい – user2682329

答えて

1

HTML 5はiframeをサポートしています。 "sandbox"や "srcdoc"のような興味深い属性がいくつか追加されました。

http://www.w3schools.com/html5/tag_iframe.asp

またはあなたは彼らがURLナビゲーションやハイパーリンクのためのトラブルが発生したため、URLはちょうどあなたに(フレームセット付き)インデックス・ページを取るため

<object data="framed.html" type="text/html"><p>This is the fallback code!</p></object> 
+1

これはhtml、headを挿入しますタグ、これはまだ有効なhtmlですか? – chulian

26

フレームは、廃止されている使用することができますフレームウィンドウのそれぞれに何があったのかを指定する方法はありませんでした。

テンプレートファイル: 今日、ウェブページは、多くの場合などPHP、ASP.NET、ルビーので、代わりの使用してフレームなどのサーバーサイドの技術によって生成され、ページは単にこのようなコンテンツとテンプレートをマージすることによって生成することができます

<html> 
<head> 
<title>{insert script variable for title}</title> 
</head> 

<body> 
    <div class="menu"> 
    {menu items inserted here by server-side scripting} 
    </div> 
    <div class="main-content"> 
    {main content inserted here by server-side scripting} 
    </div> 
</body> 
</html> 

あなたはサーバーサイドのスクリプト言語を完全にサポートしていない場合は、サーバー側が(SSI)を含んで使用することができます。これにより、同じことをすることができます。複数のソース文書から単一のWebページを生成します。

しかし、自分のウェブページのセクションを別の「ウィンドウ」にして、自分のサーバーに必ずしも配置されていない他のウェブページをロードできるのであれば、iframeを使用する必要があります。

あなたはこのようなあなたの例をエミュレートすることができます:

フレーム例

<html> 
<head> 
    <title>Frames Test</title> 
    <style> 
    .menu { 
     float:left; 
     width:20%; 
     height:80%; 
    } 
    .mainContent { 
     float:left; 
     width:75%; 
     height:80%; 
    } 
    </style> 
</head> 
<body> 
    <iframe class="menu" src="menu.html"></iframe> 
    <iframe class="mainContent" src="events.html"></iframe> 
</body> 
</html> 

レイアウトを実現するためのより良い方法は、おそらくあります。 CSS float属性を使用しましたが、テーブルなどの方法も使用できます。

6

とにかくフレームを使用して死んでしまった場合は、XHTMLでindex.htmlを実行してから、HTML5でフレームの内容を行うことができます。