src属性

iframe要素のsrc属性は、現在のドキュメントへ埋め込む別のドキュメントのURLを指定する任意属性。

ブラウザ対応

構文

<iframe src="URL"></iframe>

URL

URLに指定出来る値。

  • 絶対URL。例：http://html5.cyberlab.info/sample.html
  • 相対URL。例：sample.html

サンプルコード

絶対URL

<iframe src="http://html5.cyberlab.info/elements/embedded/sample.html"></iframe>

相対URL

<iframe src="sample.html"></iframe>

サンプル

HTMLソースコード

<p>絶対URLで指定： <iframe src="http://html5.cyberlab.info/elements/embedded/sample-iframe.html" style="vertical-align: middle;"></iframe></p>
<p>相対URLで指定： <iframe src="sample-iframe.html" style="vertical-align: middle;"></iframe></p>

実際の表示

絶対URLで指定：

相対URLで指定：