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

推薦する

スライドドアを実装するための CSS サンプルコード

いわゆるスライディングドアテクノロジーとは、さまざまな長さのテキストに合わせてボックスの背景を自動的...

Vue でスクロールバーのスタイルを変更する方法

目次まず、スクロール バーのスタイルを変更するには、疑似要素-webkit-scrollbarを使用...

MYSQL 演算子の概要

目次1. 算術演算子2. 比較演算子3. 論理演算子4. ビット演算子5. 演算子の優先順位1. 算...

PostgreSQL マテリアライズドビュープロセス分析

この記事は主にPostgreSQLマテリアライズドビューのプロセス分析について紹介します。サンプルコ...

衝突検出を実装するためのjs

この記事の例では、衝突検出を実装するためのjsの具体的なコードを参考までに共有しています。具体的な内...

CSS を使用して同じ親タグの左側と右側に 2 つのボタンを配置する方法

この記事では、主に同じ親タグの左側と右側にある 2 つのボタンの CSS レイアウト方法を紹介し、皆...

JavaScript は div マウス ドラッグ効果を実装します

この記事では、divマウスドラッグ効果を実現するためのJavaScriptの具体的なコードを参考まで...

VSCode+CMake+Clang+GCC 環境構築チュートリアル (Win10 の場合)

大学院入試に備えて、C/C++ を使って基本的なデータ構造とアルゴリズムを実装する予定です。アルゴリ...

階層化されたピラミッドを実現するための HTML+CSS の例

この記事では主に、HTML+CSS で階層化ピラミッドを実装する例を紹介し、皆さんと共有します。詳細...

JavaScript における call、apply、bind の実装原則の詳細な説明

目次序文電話使用法成し遂げるシンプルな実装バージョン:アップグレード版:適用する使用法成し遂げるバイ...

JavaScript オブジェクト指向の実践の詳細説明: カプセル化とオブジェクトのドラッグ

目次概要1. DOM要素をアニメーション化する方法2. 現在のブラウザでサポートされている変換互換の...

Dockerバッチコンテナオーケストレーションの実装

導入Dockerfile ビルドの実行は、単一のコンテナの手動操作です。マイクロサービス アーキテク...

JavaScriptでよく使われる配列重複排除実戦ソースコード

アレイの重複排除は、通常、就職面接中に遭遇し、アレイの重複排除方法のコードを手動で記述することが求め...