HPB18 | HPB19 コンテンツ一覧
ホーム > HPB19 > HTML タグ辞典 > <iframe>
目次 | 元のページ 前のページ | 次のページ サイトマップ | ページEND

HTML タグ辞典 <iframe>


<iframe> リファレンス



<iframe> 説明



インラインフレーム < iframe > とは、現在表示しているフレーム(ページ)内に別のURLページを組込み(インライン)表示するためのものです


ページの中に窓を開けたように、別のページを表示することができます

iframe>~</iframe> の間には、<iframe> に対応していないブラウザのためのメッセージを記述できます
(<iframe>が表示できない場合、代わりにここに書いた文字列(代替文字列)が表示されます)




<iframe> 記述例



<iframe src="xxxx.html" width=" 303" height="253" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" style="border:none;"></iframe>




<iframe> 属性



属性 記述例 説明
src URL src="frame.html" フレームの中に表示するURLを指定します
srcdoc contents フレームに表示するコンテンツを src属性で別ファイルから指定するのではなく、直接 srcdoc属性で指定します (IE11, Safari 5.1 ではまだサポートされていません)
name 名前 name="leftframe" フレームの名前を指定します
sandbox sandbox sandbox 属性を値なしで指定すると、iframeで表示されるコンテンツは別サイトのものと見なされ、フォームのサブミット、スクリプト、トップレベルコンテンツへの操作(window.top.location など)、Cookieなどへのアクセス、ポップアップ(<a target="_blank"> や window.open())、プラグインなどが無効化されます
sandbox="allow-xxx" のように値を指定すると、一部の機能を許可することができます。allow-xxx には、下記の値をスペースで区切って複数指定することが可能です
  allow-forms:フォームのサブミットを許可
  allow-scripts:ポップアップを除くスクリプトを許可
  allow-top-navigation:トップレベルコンテンツへの操作を許可
  allow-same-origin:Cookieなどへのアクセスを許可
width 数値/% width="100" フレームの幅幅をピクセルまたはパーセンテージで指定します
height 数値/% height="120" フレームの高さをピクセルまたはパーセンテージで指定します
align left
center
right
align="left"
align="center"
align="right"
左揃えで表示 (既定値)
中央揃えで表示
右揃えで表示
フレームを表示する位置を指定します
hspace 数値 hspace="100" フレームの周りの横方向の余白をピクセル単位で指定します
vspace 数値 vspace="100" フレームの周りの縦方向の余白をピクセル単位で指定します
marginwidth 数値 marginwidth="10" フレームの左右の余白をピクセル単位で指定します
marginheight 数値 marginheight="0" フレームの上下の余白をピクセル単位で指定します
allowtransparency true
false
allowtransparency=true フレームを透明色にする
フレームを透明色にしない (既定値)
border 数値 border="1" フレームの枠線の太さをピクセル単位で指定します
bordercolor bordercolor="red"
bordercolor="#FF0000"
色の名前を指定する
色のRGB値を指定する
フレームの枠線の色を指定します
frameborder 1
0
frameborder="1"
frameborder="0"
フレームの枠線を表示 (既定値)
フレームの枠線を非表示
datafld datafld データバインド機能を用いる際の、データソースの列名を指定します
datasrc datasrc データバインド機能を用いる際の、データソースの ID を指定します
framespacing framespacing フレーム間の隙間をピクセル単位で指定します
longdesc ongdesc このフレームに関する説明が TITLE 属性で示せないくらいに長文の場合に、その説明ページのURLを指定します
scrolling yes
no
auto
scrolling="yes"
scrolling="no"
scrolling="auto"
スクロールバーを表示
表示しない
自動切換え (既定値)
noresize noresize フレームのリサイズを禁止
seamless フレームコンテンツがシームレスに表示されます
フレームの境界線は無く、CSS等も、あたかもフレーム内コンテンツがフレーム外のコンテンツの一部であるように適用されます
HTML5 の草案で検討されていましたが、最終勧告では破棄されました




<iframe> 一般属性



属性 説明
accesskey=key アクセスキーを指定します
class=class クラスを指定します
contenteditable=bool 要素を編集可能にします
dir=dir 文字の表示方向を指定します
hidden 要素を非表示にします
id=id ID を指定します
lang=lang 言語を指定します
spellcheck=bool スペルをチェックします
style=style スタイルシートを指定します
tabindex=n タブインデックスを指定します
title=title タイトルを指定します
translate=title 翻訳可否を指定します





関連ページ 「HTML インラインフレーム <iframe> の使い方





<iframe> SEOへの影響


特に影響はありません

<補足>
SEO ( Search Engine Optimization : 検索エンジン最適化 ) とは、Google、Yahoo!、Goo 等の検索サイトで検索された際に、検索結果表示ページ(SERP : サープ : Search Engine Result Page )の前の方(上位)に表示されるように工夫して、ホームページ、ブログをつくることです
そのために用いる方法をSEO対策と言い、適切に使うことによりSEOに効果のあるタグがあります
SEO対策について、詳しくお知りになりたい場合、詳細は、「 SEO対策 SEOとは 」をご参照下さい

目次 | 元のページ 前のページ | 次のページ サイトマップ | ページTOP
ホーム > HPB19 > HTML タグ辞典 > <iframe>
HPB18 | HPB19 コンテンツ一覧
   

© 2014 abhp.net All Rights Reserved.

関連情報サイト


 iframe - インラインフレーム
 align=align - 配置指定

HTML タグ辞典

ページTOP
ページTOP
ページTOP
ページTOP
ページTOP
ページTOP