iframeタグの使い方を詳しく解説（属性、透明度、適応高さ）_HTML/Xhtml_Webページ制作

1. iframe の定義と使用法

iframe 要素は、別のドキュメントを含むインライン フレーム (つまり、インライン フレーム) を作成します。

HTML と XHTML の違い

HTML 4.1 Strict DTD および XHTML 1.0 Strict DTD では、iframe 要素はサポートされていません。

ヒントとメモ:

ヒント: iframe を認識するブラウザーでは、必要なテキストを で終わるペアで表示されます。

iframe タグ内のコンテンツは、ブラウザが iframe タグをサポートしていない場合に表示されます。

属性

テーブル>
例

コードをコピー

コードは次のとおりです:

ピクセルを使用して iframe フレーム サイズを定義します

コードをコピー

コードは次のとおりです。

パーセントを使用して iframe フレーム サイズを定義します


2.transparentBody.htm の iframe 透明
ファイル に、style="background-color=transparent" を追加しました。次の 4 つの IFRAME 記述方法を通じて、iframe の背景の透明効果を実現する方法を明確に理解できると思います。 🎜 >

コードをコピーコードは次のとおりです:

もちろん、 iframe ページで色が設定されていないことが前提です

[code]
注: iframe の透明度は主に、allowtransparency="true" style="background-color=transparent"
3 を使用します。 iframe 適応高さ
記事が長すぎるため、ここに移動して表示できます
http://www.jb51.net/article/15780.htm
4. js を介して iframe 広告コードを出力します
[コード]
document.write('');

5. 場合によっては、ユーザーのブラウザが iframe タグをサポートしているかどうかを考慮する必要があるため、次のように記述する必要があります。 >

コードをコピーします

コードは次のとおりです:

プロパティ

値

説明

DTD

整列

• 左
• そうです
• トップ
• 中
• 下

属性	值	描述	DTD
align	left right top middle bottom	不赞成使用。请使用样式代替。 规定如何根据周围的元素来对齐此框架。	TF
frameborder	1 0	规定是否显示框架周围的边框。	TF
height	pixels %	规定 iframe 的高度。	TF
longdesc	URL	规定一个页面，该页面包含了有关 iframe 的较长描述。	TF
marginheight	pixels	定义 iframe 的顶部和底部的边距。	TF
marginwidth	pixels	定义 iframe 的左侧和右侧的边距。	TF
name	frame_name	规定 iframe 的名称。	TF
scrolling	yes no auto	规定是否在 iframe 中显示滚动条。	TF
src	URL	规定在 iframe 中显示的文档的 URL。	TF
width	pixels %	定义 iframe 的宽度。	TF

非推奨。 代わりにスタイルを使用してください。 このフレームを周囲の要素に対してどのように配置するかを指定します。

TF

フレームボーダー

• 1
• 0

フレームの周囲に枠線を表示するかどうかを指定します。

TF

高さ

• ピクセル
• %

iframe の高さを指定します。

TF

longdesc

URL

iframe に関する詳しい説明が含まれるページを指定します。

TF

マージン高さ

ピクセル

iframe の上下のマージンを定義します。

TF

marginwidth

ピクセル

iframe の左右のマージンを定義します。

TF

名前

フレーム名

iframe の名前を指定します。

TF

スクロール

• はい
• いいえ
• 自動

iframe にスクロール バーを表示するかどうかを指定します。

TF

src

URL

iframe に表示されるドキュメントの URL を指定します。

TF

幅

• ピクセル
• %

iframe の幅を定義します。

TF