iframeの書き方にはどのようなものがあるのでしょうか？

Iframe の書き込み方法には、基本的な Iframe の書き込み、ネストされた Iframe の書き込み、適応的な幅と高さの Iframe の書き込み、スタイルと属性を使用した Iframe の書き込み、インライン Iframe の書き込み、および JavaScript を使用した Iframe の動的作成が含まれます。各書き方には独自の特徴と適用可能なシナリオがあります。実際のニーズに応じて、適切な書き込み方法を選択することで、必要な機能と効果を実現できます。

Iframe は、Web ページ内に他の Web ページまたはドキュメントを埋め込むために使用される HTML 要素です。 iframe にはさまざまな記述方法が用意されており、ニーズに応じて適切な方法を選択できます。以下に、いくつかの一般的な Iframe 記述方法を示します:

1. 基本的な Iframe 記述方法:

iframe src= "URL" 幅="幅" 高さ="高さ">< ; /iframe>

このうち、src 属性は埋め込み Web ページまたはドキュメントの URL を指定するために使用され、width 属性と height 属性は埋め込み Web ページまたはドキュメントの URL を指定するために使用されます。それぞれ Iframe の幅と高さ。

2. ネストされた iframe の記述方法:

iframe src="URL1" width="Width1" 高さ=「高さ1」> iframe src="URL2" width="Width2" height=「高さ 2」>iframe> < ;/iframe>

この記述方法では、複数の Iframe をネストして、多層ネスト効果を実現できます。内側の Iframe は外側の Iframe に表示されます。

3. 幅と高さを適応させた Iframe の記述方法:

スタイル> .owned-iframe { position: 相対; padding-bottom: 56.25%; 高さ: 0; オーバーフロー: 非表示; } .owned-iframe iframe { position: 絶対; トップ: 0; 左: 0; 幅: 100%; 高さ: 100%; }style>div class= 「応答性の高い iframe」> iframe src="URL" frameborder="0" allowfullscreen>iframe>##div>

この記述方法では、CSS を使用して幅と高さを適応させる効果を実現しています。Iframe はコンテナの幅に応じて、比率を変更せずに高さを自動的に調整します。

4. スタイルと属性を使用して Iframe を記述する方法:

iframe src="URL" width="幅" height="高さ" frameborder="0" スクロール="自動" allowfullscreen>iframe>

この書き方は、frameborder、スクロールとallowfullscreen: Iframeの境界線、スクロールバー、全画面表示、その他の動作を制御します。

5. インライン Iframe の書き方:

iframe srcdoc="Hello, World!

以上がiframeの書き方にはどのようなものがあるのでしょうか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。