ホームページ  >  記事  >  ウェブフロントエンド  >  HTML5 インラインフレーム - iFrame の詳細な分析

HTML5 インラインフレーム - iFrame の詳細な分析

零下一度
零下一度オリジナル
2017-05-25 11:53:582828ブラウズ

次のエディターは、HTML5 インライン フレーム iFrame の詳細な分析を提供します。お役に立てれば幸いです。エディターと一緒に見に来てください。皆さんのゲームが幸せになることを祈っています

フレームとフレームセットは現在ではほとんど使用されないため、時代遅れであり、p+CSS に置き換えられています。したがって、ここではまだ存在するものの例にすぎません。インライン フレーム iFrame

いわゆる iFrame インライン フレームは、Web ページが Web ページ内にネストされており、レベルごとにネストできると理解しています。

例は次のとおりです:

/*

この例は、index.html と iframe1.html、iframe2.html、iframe3.html で構成されます

*/

前のレンダリングが最初で、完全な画像は画像コードの後に​​あります。

をクリックした後

完全なコードは次のとおりです

index.html

XML/HTMLコード内容をクリップボードにコピーします

  1. <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>index</title>
    </head>
    <!--注意,这里没有body元素-->
    index   
    <a href="www.cnblogs.com/czp2016/" frameborder="1">czp_2016のblog</a>
    <br/>
    <iframe src="iframe1.html" frameborder="1" width="800px" height="800px"></iframe>
    </html>

iframe1。 html

XML/HTML コードコンテンツをクリップボードにコピー

  1. <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>iframe1</title>
    </head>
    <body bgcolor="red">
    iFrame1   
    <a href="www.cnblogs.com/czp2016/" frameborder="1">czp_2016のblog</a>
    <br/>
    <iframe src="iframe2.html" frameborder="0" width="600px" height="600px"></iframe>
    </body>
    </html>

iframe2.html

XML/HTML コード

    コンテンツをクリップボードにコピー

りー

このレイアウトを使用している主流の Web サイトはないようで、適用範囲は比較的狭いです。 【関連する推奨事項】

1.
    無料のh5オンラインビデオチュートリアル
3.

HTML5の実践的な戦闘と遅延スクリプトの分析

4.

HTML5ゲームフレームワーク開発記録 - リソース読み込みモジュールコードの詳細説明

5.

HTML5の実戦とHTMLDocument変更点の分析

以上がHTML5 インラインフレーム - iFrame の詳細な分析の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。