html5 フレームセットタグの代替となるものは何ですか?フレームセットタグ置換のソリューション-H5 チュートリアル-php.cn

html5 フレームセットタグの代替となるものは何ですか?フレームセットタグ置換のソリューション

寻∝梦

リリース： 2018-09-01 12:01:12

オリジナル

6785 人が閲覧しました

この記事では、主に html5 フレームセットタグの代替案の分析と、html5 フレームセットタグに対する 2 つの解決策を紹介します。それでは、この記事を一緒に見ていきましょう

まず、html5 フレームセットとは何かを見てみましょう。タグの代替:

ページ上でのフレームセットの使用はできるだけ少なくしてください。これは、検索エンジンによる検索につながりません。

以下は、Visual Studio の FrameSet と Frame に関する警告です:

警告検証 (XHTML 1.0 Transitional): 要素「frameset」はサポートされていません。

警告検証 (XHTML 1.0 移行版): 要素「frame」はサポートされていません。新しい HTML 標準では、FrameSet 要素と Frame 要素がサポートされなくなりました。代替案の 1 つは、IFrame と CSS で DIV を使用して、さまざまなコンテンツに応じて IFrame の高さと幅を置き換えることです。これは実際には非常に簡単ですが、多くの人が使用しています。解決策は次のとおりです :

<div id="navigation">
<!--其中可以用asp.net中的TreeView,Menu等菜单控件或者用HTML的<u><li>标记配合CSS,配置菜单可以在DataBase中动态读取或者在
XML中配置-->
</div>
<div id="content">
<iframe id="contentIFrame" name="Content" src="XMLDataBinding.aspx" scrolling="no" frameborder="0"
onload="this.height=this.contentWindow.document.body.scrollHeight+5;this.width=this.contentWindow.document
.body.scrollWidth+5;" />
</div>

ログイン後にコピー

この方法を使用することは、インターネットで見られるより良い解決策の 1 つです。

ここで、frameset タグを置き換える解決策を紹介します:

(html5 は Frameset をサポートしていないため、解決策は 2 つあります) 1. iframe を使用しますが、現在 iframe を使用する人はますます少なくなり、iframe はまだ互換性がありません。異なるブラウザ。

2. jQueryのonloadメソッドを使用してページを読み込みます。ただし、このメソッドで複数のページにジャンプした後は、ブラウザ上の戻るボタンや進むボタンのクリックは無効ですが、戻るボタンを追加することも考えられます。したがって、この方法の方が一般的です:

frameset タグに関するコード例を見てください:

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>div+css实现frameset效果</title>
        <style type="text/css">.header{border-bottom:1px solid #ccc;margin-bottom:5px;}
        .MainContainer{min-width:960px;max-width:1600px;}
        .sidebar{width:180px;float:left;margin-right:-180px;border-right:1px solid #ccc;min-height:500px;
        padding:5px;}.main{float:left;margin-left:200px;padding:5px;}
        .content{padding:0 10px;}
        </style>
    </head>
    <body>    
    <div class="page"><div class="header"><div id="title">
        <h1>顶部</h1>
        </div></div>
        <div class="MainContainer"><div class="sidebar">边栏</div>
        <div id="main" class="main">内容</div></div>
    </div>
    </body>
</html>

ログイン後にコピー

上記のコードは次のように実行されます:

上記は、この記事の HTML5 フレームセットタグの代替手段です。交換後の解決事例もございます。ご不明な点がございましたら、下記までお問い合わせください

【編集者のおすすめ】

HTML5のメータータグとは何ですか？メータータグの使い方を詳しく解説

HTMLにコメントを書くには？ HTMLのコメント記号とは何ですか? (例あり)
以上がhtml5 フレームセットタグの代替となるものは何ですか?フレームセットタグ置換のソリューションの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。