ホームページ > 記事 > ウェブフロントエンド > iframeタグの使い方を詳しく解説
iframe は通常、他のページを含めるために使用されます。たとえば、より良い結果を得るには、iframe を透明にする必要があるため、iframe 属性について詳しく知る必要があります。 . これは、簡単なアレンジメントです
1. iframe の定義と使用法
iframe 要素は、別のドキュメントを含むインライン フレーム (つまり、インライン フレーム) を作成します。
HTMLとXHTMLの違い
HTML 4.1 Strict DTDおよびXHTML 1.0 Strict DTDでは、iframe要素はサポートされていません。
ヒントとメモ:
ヒント: iframe を理解できないブラウザに対処するために、 の間に必要なテキストを配置できます。
iframe タグは、 で終わるペアで表示されます
ブラウザが iframe をサポートしていない場合、iframe タグ内のコンテンツは
attributes
として表示されますタグ プロパティ | 値 | 説明 | DTD |
---|---|---|---|
align |
|
同意しない使用。 代わりにスタイルを使用してください。 このフレームを周囲の要素に対してどのように位置合わせするかを指定します。 |
TF |
frameborder |
|
フレームの周囲に境界線を表示するかどうかを指定します。 | TF |
height |
|
iframeの高さを指定します。 | TF |
longdesc | URL | iframe に関する長い説明を含むページを指定します。 | TF |
marginheight | pixels | iframe の上下のマージンを定義します。 | TF |
marginwidth | pixels | iframe の左右のマージンを定義します。 | TF |
name | frame_name | iframe の名前を指定します。 | TF |
scrolling |
|
iframeにスクロールバーを表示するかどうかを指定します。 | TF |
src | URL | iframeに表示されるドキュメントのURLを指定します。 | TF |
width |
|
は、iframeの幅を定義します。 | TF |
例
コードは次のとおりです:
ピクセルを使用して iframe フレーム サイズを定義します
コードは次のとおりです:
iframe のフレーム サイズを定義するにはパーセンテージを使用します
2. iframe の透明度を指定します
transparentBody.htm ファイルの
コードは次のとおりです:
iframe を使用するとさらに問題が発生し、一部のブラウザは iframe を広告としてブロックするように設定されているため、iframe は最後の手段として使用されます。
最近の仕事内容で iframe を使用しました。最初に遭遇した問題は、iframe の適応性が高いことでした。この問題の解決策を Koubei.com の ued チームのブログで見つけました。その後、透明な iframe の問題に遭遇しました。
通常、iframe の背景色は白ですが、ブラウザによっては異なる色になる場合があります。メイン ページに全体的な背景色または背景画像がある場合、iframe 領域に白いブロックが表示されます。メインページ。これには iframe の透明性が必要です
Google で iframe の透明性を検索すると解決策が見つかりました コードは次のとおりです:
注: iframe の透明度は主に、allowtransparency="true" style="background-color=transparent" を使用します
3. iframe 適応高さ長さのためここに移動してご覧ください以上がiframeタグの使い方を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。