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

推薦する

CSS3アニメーションを使用した簡単な指クリックアニメーションの実装例

この記事では主に、CSS3 アニメーションで簡単な指クリックアニメーションを実装する例を紹介し、皆さ...

固定サイドバーを実現するためのJavaScript

固定サイドバーを実装するにはJavaScriptを使用します。参考までに、具体的な内容は次のとおりで...

Nginx ベースのアクセス制御と接続制限の実装

序文Nginxの組み込みモジュールは、同時リクエスト数の制限とリクエストのソースの制限をサポートして...

Linux IO 多重化 epoll ネットワーク プログラミング

序文この章では、基本的な Linux 関数と epoll 呼び出しを使用して、Linux 上で実行で...

JS ES6 スプレッド演算子の魔法のような使い方

目次1. 属性を追加する2. 複数のオブジェクトを結合する3. オブジェクトのプロパティを削除する4...

ZooKeeper をベースにした Hadoop 高可用性クラスタの構築のチュートリアル図

目次1. 高可用性の概要1.1 可用性の高い全体アーキテクチャ1.2 QJMに基づく共有ストレージシ...

Mysql sql スロークエリ監視スクリプトコード例

1. my.cnfを変更する #全体的な効果としては、グローバルがオンになっている場合はテーブルとロ...

JS を使用した簡単な雪効果の例の詳細な説明

目次序文主な実装コードHTMLコードJSコード序文南の友達の多くは、雪をほとんど見たことがない、ある...

初心者のためのMySQL外部キーの設定方法

目次外部キーの役割mysql 外部キー設定方法要約する外部キーの役割データの一貫性、整合性を維持し、...

レスポンシブフレームワークのテーブルヘッダーの自動改行問題に対する簡単な解決策

最近、Bootstrap を使って Web サイトを開発しています。表を処理していたところ、PC で...

vsftpdで仮想ユーザーログインを設定する方法

yum で vsftpd をインストールします [root@localhost など]# yum -...

Vue は Axios リクエスト フロントエンドのクロスドメイン問題をどのように解決するのか

目次序文1. クロスドメインの問題はなぜ発生するのでしょうか? 2. 解決策クロスオリジンリソース共...

Apache ポートに基づいて仮想ホストを作成する例

apache: ポートに基づいて仮想ホストを作成する仮想ホスト(a、b、c)の作成を例に挙げます1)...

VMware 15.5 バージョンのインストール Windows_Server_2008_R2 システム チュートリアル図

1. VMware 15.5から新しい仮想マシンを作成する1. VMware を開き、ホームページで...

Vue.jsは音楽プレーヤーを実装します

この記事では、音楽プレーヤーを実装するためのVue.jsの具体的なコードを参考までに共有します。具体...