ホームページ  >  記事  >  ウェブフロントエンド  >  iframeタグの使い方を詳しく解説

iframeタグの使い方を詳しく解説

巴扎黑
巴扎黑オリジナル
2017-06-27 10:01:092049ブラウズ

iframe は通常、他のページを含めるために使用されます。たとえば、より良い結果を得るには、iframe を透明にする必要があるため、iframe 属性について詳しく知る必要があります。 . これは、簡単なアレンジメントです

1. iframe の定義と使用法

iframe 要素は、別のドキュメントを含むインライン フレーム (つまり、インライン フレーム) を作成します。

HTMLとXHTMLの違い

HTML 4.1 Strict DTDおよびXHTML 1.0 Strict DTDでは、iframe要素はサポートされていません。

ヒントとメモ:

ヒント: iframe を理解できないブラウザに対処するために、 の間に必要なテキストを配置できます。

iframe タグは、 で終わるペアで表示されます

ブラウザが iframe をサポートしていない場合、iframe タグ内のコンテンツは

attributes

として表示されますタグ プロパティ 説明 DTD
align
  • left

  • right

  • top

  • middle

同意しない使用。 代わりにスタイルを使用してください。

このフレームを周囲の要素に対してどのように位置合わせするかを指定します。

TF
frameborder
  • 1

  • 0

フレームの周囲に境界線を表示するかどうかを指定します。 TF
height
  • pixels

  • %

iframeの高さを指定します。 TF
longdesc URL iframe に関する長い説明を含むページを指定します。 TF
marginheight pixels iframe の上下のマージンを定義します。 TF
marginwidth pixels iframe の左右のマージンを定義します。 TF
name frame_name iframe の名前を指定します。 TF
scrolling
  • yes

  • no

  • auto

iframeにスクロールバーを表示するかどうかを指定します。 TF
src URL iframeに表示されるドキュメントのURLを指定します。 TF
width
  • pixels

  • %

は、iframeの幅を定義します。 TF



コードは次のとおりです:

ピクセルを使用して iframe フレーム サイズを定義します

コードは次のとおりです:

iframe のフレーム サイズを定義するにはパーセンテージを使用します
2. iframe の透明度を指定します
transparentBody.htm ファイルの に style="background-color=透明" IFRAME の次の 4 つの記述方法を通じて、iframe の背景の透明効果を実現する方法を明確に理解できると思います:

コードは次のとおりです:



もちろん、色が設定されていないことが前提です。 iframe ページ

[コード]

注: iframe の透明度は主に、allowtransparency="true" style="background-color=transparent" を使用します

3. iframe 適応高さ

長さのためここに移動してご覧ください
http://www.jb51.net/article/15780 .htm
4 、js

を介して iframe
広告コードを出力します
[code]
document.write('');

5.ユーザーのブラウザが iframe タグをサポートしている場合、次のようにする必要があります。 記述方法 コードは次のとおりです:

以上がiframeタグの使い方を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。