ホームページ > 記事 > ウェブフロントエンド > HTMLでiframeを使用するにはどうすればよいですか? HTML での iframe タグの使用の概要
HTMLでiframeを使用するにはどうすればよいですか? HTML での iframe タグの使用の概要
- 不言オリジナル
- 2018-10-18 10:17:414410ブラウズ
Web サイトを開発している友人にとって、iframe タグはよく知られているはずです。iframe 要素は、他の人の Web サイトまたはこの Web サイトを自分の Web サイトのページにロードできるインライン フレーム (つまり、インライン フレーム) を作成します。サイトの他のページのコンテンツなので、次の記事では html での iframe の使用方法を紹介します。
まず、iframe タグについては、iframe 要素が別のドキュメントを含むインライン フレーム (つまり、インライン フレーム) を作成することはすでにわかっています。次に、そのドキュメントを直接見てみましょう。 html の iframe タグ の詳細な使用法。
iframe タグの属性を見てみましょう:
1. align: left、right、top、middle、bottom。このフレームを周囲の要素に対してどのように配置するかを指定します。廃止されました。スタイルコードを使用してください。
2. フレーム境界: 1、0。枠の周囲に枠線を表示するかどうかを指定します。
3. 高さ: ピクセル、%。 iframe の高さを指定するために使用されます。
4.長さ指定: URL。 iframe のより長い説明を含むページを指定します。
5. 余白の高さ: ピクセル。 iframe の上下の余白を定義します。
6. 余白の幅: ピクセル。 iframe の左右のマージンを定義します。
7. 名前: フレーム名。 iframeの名前を指定します。
注: ページ上のリンクをクリックしたときに iframe でリンクを開きたい場合は、iframe の name 属性と a タグの target 属性 (タグは、リンクされたドキュメントを開く場所を指定します) 同じ値に設定するだけです (例:
<iframename="my"></iframe> <ahref="http://www.php.cn" target="my"></a>
8、スクロール: はい、いいえ、自動)。 iframeにスクロールバーを表示するかどうかを指定します。
9. ソース: URL。 iframe に表示するドキュメントの URL を指定します。
10.幅: ピクセル。 %。 iframeの幅を定義します。
iframe タグの属性に関する関連知識を読んだ後、html
通常、iframe タグを直接ネストするために iframe を使用します。ページ 指定された src で十分です
例は次のとおりです:
<!--
<iframe> 标签规定一个内联框架
这里写p 标签是为了看align的效果
-->
<p style="overflow: hidden;">这是一些文本。 这是一些文本。 这是一些文本。这是一些文本。 这是一些文本。 这是一些文本。
<iframe name="myiframe" id="myrame" src="external_file.html" frameborder="0" align="left" width="200" height="200" scrolling="no">
<p>你的浏览器不支持iframe标签</p>
</iframe>
这是一些文本。 这是一些文本。 这是一些文本。这是一些文本。 这是一些文本。 这是一些文本。</p>上記のコードの iframe の src 属性は、ローカル HTML ページです。
コードは次のとおりです。次のように:
<body>
<div id="div" style="height: 300px; background: #ddd;">这是一个外部文件里面的内容</div>
</body>
<script>
var div = document.getElementById("div");
console.log(div);
</script>
注: インタラクティブな部分もこのページに書き込まれ、iframe はインポートされたページに自動的に転送されます。
この記事はここで終わります。さらにエキサイティングなコンテンツについては、php 中国語 Web サイトに注目してください。 ！ ！
以上がHTMLでiframeを使用するにはどうすればよいですか? HTML での iframe タグの使用の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。