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のこと

推薦する

Docker で Java 8 Spring Boot アプリケーションを開発する方法

この記事では、ローカル マシンに Java 8 をインストールせずに、Java 8 を使用して簡単な...

LinuxシステムにTomcatをインストールし、サービスの起動とシャットダウンを構成する

Linuxシステムでサービスの起動とシャットダウンを構成する1. コマンドcd /etc/init....

JavaScript をスリープまたは待機させる方法

目次概要setTimeout() の確認スリープ関数の書き方シンプルな選択ループで実行されますか?要...

Linuxルートの初期値を設定する方法の簡単な分析

Ubuntu ではデフォルトで root ログインが許可されていないため、初期の root アカウン...

zk+kafka+storm クラスターの docker-compose デプロイメントの実装

クラスターの展開の概要172.22.12.20 172.22.12.21 172.22.12.22 ...

マテリアルデザインで水滴アニメーションボタンを実現するための純粋なCSS

序文こういう特殊効果ってよく見かけますよね。すごくかっこいいですよね。 これは、Google Mat...

HTMLタグの説明

HTMLタグの説明1. HTMLタグタグ: !DOCTYPE説明: HTML ドキュメントが準拠する...

CSS スタイルの優先順位はどれくらい複雑ですか?

昨晩、面接の質問を見ていたら、CSS スタイルの優先順位について特に明確に説明していない人が何人かい...

npm グローバル モジュールのデフォルトのインストール パスを変更するためにノードのインストールをカスタマイズする手順

node を D ドライブにインストールしましたが、C ドライブのスペースを占有したくなかったため、...

Apache Tomcat と IDEA エディターの統合に関する詳細なチュートリアル

1. Apache Tomcat 公式サイトから Tomcat 圧縮パッケージをダウンロードします。...

Element における複数データ読み込み最適化の実装

目次シナリオコードの実装要約:シナリオ最近、ElementUI をベースにしたバックグラウンド管理シ...

CSS における位置指定の概要

CSS には 4 種類の配置方法があり、シナリオによって効果が異なります。ここでは、これら 4 種類...

MySQL の厄介な Aborted 警告をケーススタディで分析する

この記事では主に、MySQL の Aborted アラームに関する関連コンテンツを紹介し、参考と学習...

最新の仮想マシン VMware 14 インストール チュートリアル

まず、VMware 14のアクティベーションコードをお渡ししますFF31K-AHZD1-H8ETZ-...

Vueの7つの値転送メソッドの詳細な説明

1. 父から息子へ子コンポーネントにpropsフィールドを定義し、その型は配列です (フィールド値の...