検索

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

Jun 27, 2017 am 10:01 AM
iframeラベル使用法詳しい説明

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 を広告としてブロックするように設定されているため、iframe は最後の手段として使用されます。
最近の仕事内容で iframe を使用しました。最初に遭遇した問題は、iframe の適応性が高いことでした。この問題の解決策を Koubei.com の ued チームのブログで見つけました。その後、透明な iframe の問題に遭遇しました。
通常、iframe の背景色は白ですが、ブラウザによっては異なる色になる場合があります。メイン ページに全体的な背景色または背景画像がある場合、iframe 領域に白いブロックが表示されます。メインページ。これには iframe の透明性が必要です
Google で 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 までご連絡ください。
HTML:それはプログラミング言語か何か他のものですか?HTML:それはプログラミング言語か何か他のものですか?Apr 15, 2025 am 12:13 AM

htmlisnotaprogramminglanguage; itisamarkuplanguage.1)htmlStructuresandformatswebcontentusingtags.2)ItworkswithcsssssssssdjavascriptforInteractivity、強化を促進します。

HTML:Webページの構造の構築HTML:Webページの構造の構築Apr 14, 2025 am 12:14 AM

HTMLは、Webページ構造の構築の基礎です。 1。HTMLは、コンテンツ構造とセマンティクス、および使用などを定義します。タグ。 2. SEO効果を改善するために、などのセマンティックマーカーを提供します。 3.タグを介したユーザーの相互作用を実現するには、フォーム検証に注意してください。 4. JavaScriptと組み合わせて、動的効果を実現するなどの高度な要素を使用します。 5.一般的なエラーには、閉じられていないラベルと引用されていない属性値が含まれ、検証ツールが必要です。 6.最適化戦略には、HTTP要求の削減、HTMLの圧縮、セマンティックタグの使用などが含まれます。

テキストからウェブサイトへ:HTMLの力テキストからウェブサイトへ:HTMLの力Apr 13, 2025 am 12:07 AM

HTMLは、Webページを構築するために使用される言語であり、タグと属性を使用してWebページの構造とコンテンツを定義します。 1)htmlは、などのタグを介してドキュメント構造を整理します。 2)ブラウザはHTMLを分析してDOMを構築し、Webページをレンダリングします。 3)マルチメディア関数を強化するなど、HTML5の新機能。 4)一般的なエラーには、閉じられていないラベルと引用されていない属性値が含まれます。 5)最適化の提案には、セマンティックタグの使用とファイルサイズの削減が含まれます。

HTML、CSS、およびJavaScriptの理解:初心者向けガイドHTML、CSS、およびJavaScriptの理解:初心者向けガイドApr 12, 2025 am 12:02 AM

webdevelopmentReliesOnhtml、css、andjavascript:1)htmlStructuresContent、2)cssStylesit、および3)Javascriptaddsinteractivity、形成、

HTMLの役割:Webコンテンツの構造HTMLの役割:Webコンテンツの構造Apr 11, 2025 am 12:12 AM

HTMLの役割は、タグと属性を使用してWebページの構造とコンテンツを定義することです。 1。HTMLは、読みやすく理解しやすいようなタグを介してコンテンツを整理します。 2。アクセシビリティとSEOを強化するには、セマンティックタグなどを使用します。 3. HTMLコードの最適化により、Webページの読み込み速度とユーザーエクスペリエンスが向上する可能性があります。

HTMLとコード:用語を詳しく見るHTMLとコード:用語を詳しく見るApr 10, 2025 am 09:28 AM

htmlisaspecifictypeofcodefocuseduructuringwebcontent

HTML、CSS、およびJavaScript:Web開発者に不可欠なツールHTML、CSS、およびJavaScript:Web開発者に不可欠なツールApr 09, 2025 am 12:12 AM

HTML、CSS、およびJavaScriptは、Web開発の3つの柱です。 1。HTMLは、Webページ構造を定義し、などなどのタグを使用します。2。CSSは、色、フォントサイズなどのセレクターと属性を使用してWebページスタイルを制御します。

HTML、CSS、およびJavaScriptの役割:コアの責任HTML、CSS、およびJavaScriptの役割:コアの責任Apr 08, 2025 pm 07:05 PM

HTMLはWeb構造を定義し、CSSはスタイルとレイアウトを担当し、JavaScriptは動的な相互作用を提供します。 3人はWeb開発で職務を遂行し、共同でカラフルなWebサイトを構築します。

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

AtomエディタMac版ダウンロード

AtomエディタMac版ダウンロード

最も人気のあるオープンソースエディター

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

EditPlus 中国語クラック版

EditPlus 中国語クラック版

サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません