iframe パラメータの説明と例

iframe パラメータの説明と例

<iframe src=”test.jsp” width=”100″ height=”50″ frameborder=”no” border=”0″ marginwidth=”0″ marginheight=”0″ scrolling=”no” allowtransparency=”yes”></iframe>

<iframe runat="server" src="ページの URL" width="750" height="30" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" allowtransparency="yes"></iframe>
runat="server" これは、Iframe ジャンプ asp.net で追加すると、現在の iframe にジャンプできます。
リンク先の src URL
frameborder 境界線を表示するかどうか(0 は境界線なし、1 は境界線あり)
スクロール スクロールバーがあるかどうか (はい、スクロールバーがあります、いいえ、スクロールバーはありません)
allowtransparency 背景が透明かどうか(透明、不透明ではない)
iframe はあまり一般的には使用されておらず、標準的な Web ページではほとんど使用されません。 iframe を「ブラウザ内のブラウザ」として解釈するのが適切です。 <iframe> もフレームの一種です。<frame> との違いは、iframe は Web ページのどの部分にも埋め込むことができることです。例えば:
<iframe frameborder=0 width=170 height=100 marginheight=0 marginwidth=0 scrolling=no src="move-ad.htm"></iframe>
SRC=URI 埋め込みキャビネット ページ ファイル パス
NAME=CDATA ビルトインキャビネットの名前
LONGDESC=URIの説明
WIDTH=長さ 幅
高さ=長さ
ALIGN=[ 上 | 中央 | 下 | 左 | 右 ] 配置
FRAMEBORDER=[ 1 | 0 ] フレームの境界線
MARGINWIDTH=ピクセル左右の余白幅
MARGINHEIGHT=ピクセル 上下のスペースの高さ
SCROLLING=[ yes | no | auto ] スクロールバー(yes: 強制表示 | no: 表示しない | auto: 自動)
Iframe タグの形式は次のとおりです。
<iframe src="URL" width="x" height="x" scrolling="[OPTION]" frameborder="x" name="main"></iframe>
src: ファイルのパス。HTML ファイル、テキスト、ASP などになります。
幅、高さ: 「内部フレーム」領域の幅と高さ。
スクロール: SRC で指定された HTML ファイルが指定領域内に完全に表示できない場合、スクロール オプションを NO に設定するとスクロール バーは表示されません。Auto に設定すると、スクロール バーが自動的に表示されます。Yes に設定すると、表示されます。
FrameBorder: 領域の境界の幅。「内部フレーム」を隣接するコンテンツと融合させるため、0 に設定されることが多いです。
name: 識別のために使用されるフレームワークの名前。
<iframe> は、テキストまたはグラフィック用のフローティング フレームまたはコンテナーを設定するために使用されます。
国境
<iframe の境界線="3"></iframe>
フレームの周囲の境界線の幅を設定します
フレームボーダー
<iframe フレームボーダー="0"></iframe>
境界線が 3 次元かどうかを設定します (0 = いいえ、1 = はい)
高さ、幅
<iframe 高さ="31" 幅="88"></iframe>
境界線の幅と高さを設定する
スクロール
<iframe スクロール = "いいえ"></iframe>
スクロールバーはありますか(はい、いいえ、自動)
ソース
<iframe src="女の子.gif"></iframe>
iframe によって呼び出されるファイルまたは画像を指定します (html、htm、gif、jpeg、jpg、png、txt、*.*)

注記:
フローティング フレームは、<frameset> 要素を介してフレームセットの一部として宣言する必要はありません。
WebTV および Netscape 4.x (4.0 ~ 4.75) はフローティング フレームをサポートしていません。
HTML 4.01 の厳密な仕様では、<iframe> 要素は定義されていません。フローティング フレームは、<div> 要素と CSS 配置方法を使用して模倣できます。

フローティング フレーム タグ Iframe の属性:

1. ファイルの場所:
構文: src=url
注: url は埋め込まれた HTML ファイルの場所で、相対アドレスまたは絶対アドレスにすることができます。
例: <iframe src="iframe.html">

2. オブジェクト名:
構文: name=#
注: # はオブジェクトの名前です。このプロパティは、他のオブジェクトが使用できるようにオブジェクトに名前を付けます。
例: <iframe src="iframe.html" name="iframe1">

3. IDセレクター:
構文: id=#
説明: このタグの一意の ID セレクターを指定します。
例: <iframe src="iframe.html" id="iframe1">

4. コンテナのプロパティ:
構文: 高さ=# 幅=#
説明: このプロパティは、フローティング フレームの高さと幅を指定します。値は正の整数 (ピクセル単位) またはパーセンテージにすることができます。
高さ: フローティング フレームの高さを指定します。
width: フローティング フレームの幅を指定します。
例: <iframe src="iframe.html" height=400 width=400>

5. サイズ調整:
構文: noresize
説明: IE 固有の属性。フローティング フレームのサイズを変更できないことを指定します。
例: <iframe src="iframe.html" noresize>

6. 境界線の表示:
構文: frameborder=0,1
説明: このプロパティは、フローティング フレームの境界線を表示するかどうかを指定します。
0: フローティングフレームの境界線を表示しません。
1: フローティングフレームの境界線を表示します。
例: <iframe src="iframe.html" frameborder=0>
<iframe src="iframe.html" フレームボーダー=1>

7. フレームの厚さ:
構文: border=#
説明: このプロパティは、フローティング フレームの境界線の太さを指定します。値は正の整数または 0 で、単位はピクセルです。フローティング フレームをページとシームレスに統合するには、通常、border は 0 になります。
例: <iframe src="iframe.html" border=1>

8. 境界線の色:
構文: bordercolor=color
説明: このプロパティは、フローティング フレームの境界線の色を指定します。 color は RGB カラー (RRGGBB) または色名にすることができます。
例: <iframe src="iframe.html" bordercolor=red>

9. アライメント:
構文: align=left, right, center
説明: このプロパティは、フローティング フレームを他のオブジェクトとどのように配置するかを指定します。
左: 左側;
right: 右側の;
中心:中心。
例: <iframe src="iframe.html" align=left>
<iframe src="iframe.html" align=right>
<iframe src="iframe.html" align=center>

10. 隣接間隔:
構文: framespacing=#
説明: このプロパティは、隣接するフローティング フレーム間の間隔を指定します。値は正の整数と 0 で、単位はピクセルです。
例: <iframe src="iframe.html" framespacing=10>

11. 内部パディングプロパティ:
構文: hspace=# vspace=#
説明: このプロパティは、フローティング フレーム内の境界線のサイズを指定します。値は正の整数と 0 で、単位はピクセルです。両方のプロパティを同時に適用する必要があります。
hspace: フローティング フレーム内の左境界と右境界のサイズ。
vspace: フローティング フレーム内の上部と下部の境界のサイズ。
例: <iframe src="iframe.html" hspace=1 vspace=1>

12. 外部パディングプロパティ:
構文: marginheight=# marginwidth=#
説明: このプロパティは、フローティング フレームの境界サイズを指定します。値は正の整数と 0 で、単位はピクセルです。両方のプロパティを同時に適用する必要があります。
Marginheight: フローティング フレームの左右の境界のサイズ。
Marginwidth: フローティング フレームの上部と下部の境界線のサイズ。
例: <iframe src="iframe.html" marginheight=1 marginwidth=1>

<<:  MySQL ジョイントインデックスの使用ルール

>>:  すべてのウェブ開発者が知っておくべき61のこと

推薦する

テキストエリア テキストエリアの幅と高さ 幅と高さの自動適応実装コード

コードをコピーコードは次のとおりです。 <HTML> <ヘッド> <T...

Linux システムでの CPU 使用率が高い場合のトラブルシューティングのアイデアと解決策

序文Linux 運用保守エンジニアとして、日々の業務の中で Linux サーバーの CPU 負荷が ...

Google の新しい UI から学べること (画像とテキスト)

2011 年に最も顕著なウェブサイトの変更は、一連の製品に新しいユーザー インターフェースを導入した...

dockerコンテナがIP経由でホストマシンにアクセスできない問題を解決する方法の詳細な説明

問題の起源docker を使用する場合、残念ながら docker コンテナ内のホストのポート 80 ...

Vue+video.jsはビデオプレイリストを実装します

この記事では、ビデオプレイリストを実装するためのvue + video.jsの具体的なコードを参考ま...

Docker 環境での Jmeter の分散操作に関する詳細なチュートリアル

1. jmeterの基本イメージを構築するDockerfile は次のとおりです。 # Java 8...

MySQL の 4 つのトランザクション分離レベルの詳細な説明

この実験のテスト環境: Windows 10+cmd+MySQL5.6.36+InnoDB 1. ト...

MySQL 5.7.18 アーカイブ圧縮版のインストールチュートリアル

この記事では、MySQL 5.7.18アーカイブ圧縮版をインストールする具体的な方法を参考までに紹介...

10分で始めるCSS3アニメーション

導入アニメーションを使用すると、JavaScript や jQuery に依存せずに、純粋な CSS...

MySQL 5.7.21 winx64 のインストールと設定方法のグラフィックチュートリアル

この記事では、MySQL 5.7.21のインストールに関する注意事項をまとめ、皆さんと共有します。 ...

Docker で MySQL をデプロイする詳細なプロセス (Docker でデプロイされる一般的なアプリケーション)

以前にも紹介しました: docker (一般的なアプリケーションのデプロイ): docker dep...

Vueのライブ放送機能の詳しい説明

最近、会社でたまたま生放送をしていたのですが、今日は私が遭遇した落とし穴を記録します。会社のサーバー...

CSS でテキストカラーグラデーションを実装する 3 つの方法

Web フロントエンド開発のプロセスでは、UI デザイナーはグラデーション テキストを使用したデザイ...

MySQL データ挿入最適化メソッドconcurrent_insert

スレッドがテーブルに対して DELAYED ステートメントを実行するときに、そのようなハンドラーが存...

浮遊要素によって引き起こされる問題と解決策の詳細な説明

1. 問題複数のフローティング要素は親要素の幅を拡張できず、親要素の高さが 0 になる可能性がありま...