枠線や境界線のない iframe を使用するための完全ガイド (実践経験のまとめ)
|
<iframe src=”ページのURL” width=”100″ height=”30″ 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> |
<<: Vueはプライベートフィルターと基本的な使用法を定義します
>>: 複数サーバーの負荷分散を実現するためのNginx構成
推薦する
CentOS7 ファイアウォールとポート関連コマンドの紹介
目次1. ファイアウォールの現在の状態を確認する2. ファイアウォールサービスを開始する3. ファイ...
MySQL ストレージエンジン InnoDB の設定と使用方法の説明
MyISAM と InnoDB は、MySQL で最も一般的なストレージ エンジンです。前回の記事で...
grpc のリバース プロキシとして nginx を使用する場合の落とし穴の概要
背景ご存知のとおり、nginx は高性能な Web サーバーであり、負荷分散やリバース プロキシによ...
Alibaba Cloud Server への Web プロジェクトのデプロイについて (5 つの手順)
1.まずAlibaba Cloudのウェブサイトにログインしてアカウントを登録し、サーバータイプを...
MySQLの行ロックとテーブルロックの意味と違いの詳細な説明
1. はじめに行ロックとテーブルロックの違いは面接で頻繁に出てくるはずです。MySQL のロックにつ...
ベースリンクタグの使用の紹介ベース
<br />リンクをクリックすると、ポップアップ表示される Web ページ アドレスは ...
CSSスコープ（スタイル分割）の使用の概要
1. CSSスコープの使用（スタイル分割） Vue では、CSS スタイルを現在のコンポーネントでの...
MySQLインデックスに関する重要な面接の質問をいくつか共有します
序文インデックスは、データベース内の 1 つ以上の列の値を並べ替え、データベースが効率的にデータを取...
Linux CentOS 6.5 ifconfig が IP を照会できない問題の解決方法
最近、何人かの友人から、仮想マシンに CentOS をインストールした後、ifconfig コマンド...
Nginx 500 内部サーバーエラーの解決方法
今日、Nginxを使っていたら500エラーが発生しました。エラーコードを検索してみんなに共有しました...
Windows 10 で MySQL 8.0.12 の解凍バージョンをインストールして構成する方法 (グラフィック チュートリアル付き)
この記事では、MySQL 8.0.12 の解凍版のインストールと設定方法を記録し、皆様と共有します。...
フォームのmethod=post/getの違い
フォームは、get と post の 2 つのデータ転送方法を提供します。どちらもデータを送信する方...
Vueはページに透かし効果を追加する機能を実装します
最近、あるプロジェクトに取り組んでいたとき、ページに透かし効果を追加するように依頼されました。さっそ...
MySQLをインストールして設定し、ルートパスワードを変更する方法
1. インストールapt-get install mysql-server にはアカウントとパスワー...
CentOS7にNginxを素早くインストールする方法を教えます
目次1. 概要2. Nginxインストールパッケージをダウンロードする3. 依存パッケージをインスト...