ホーム HTML CSS XML JAVASCRIPT   PHP SQL MORE...   リファレンス 事例集    

HTML5 チュートリアル

HTML5 ホーム
HTML5 概要
HTML5 新しい要素
HTML5 ビデオ
HTML5 ビデオ/DOM
HTML5 オーディオ
HTML5 キャンバス
HTML5 Geolocation
HTML5 Web ストレージ

HTML5 フォーム

HTML5 Input タイプ
HTML5 フォーム要素
HTML5 フォーム属性

HTML5 リファレンス

HTML5 タグ
HTML5 属性
HTML5 イベント
HTML5 キャンバス 2d
HTML 妥当な DTD

HTML5 タグ

<!-->
<a>
<abbr>
<acronym>
<address>
<applet>
<area>
<article>
<aside>
<audio>
<b>
<base>
<basefont>
<bdi>
<bdo>
<big>
<blockquote>
<body>
<br>
<button>
<canvas>
<caption>
<center>
<cite>
<code>
<col>
<colgroup>
<command>
<datalist>
<dd>
<del>
<details>
<dfn>
<dir>
<div>
<dl>
<dt>
<em>
<embed>
<fieldset>
<figcaption>
<figure>
<font>
<footer>
<form>
<frame>
<frameset>
<h1> - <h6>
<head>
<header>
<hgroup>
<hr>
<html>
<i>
<iframe>
<img>
<input>
<ins>
<keygen>
<kbd>
<label>
<legend>
<li>
<link>
<map>
<mark>
<menu>
<meta>
<meter>
<nav>
<noframes>
<noscript>
<object>
<ol>
<optgroup>
<option>
<output>
<p>
<param>
<pre>
<progress>
<q>
<rp>
<rt>
<ruby>
<s>
<samp>
<script>
<section>
<select>
<small>
<source>
<span>
<strike>
<strong>
<style>
<sub>
<summary>
<sup>
<table>
<tbody>
<td>
<textarea>
<tfoot>
<th>
<thead>
<time>
<title>
<tr>
<track>
<tt>
<u>
<ul>
<var>
<video>
<wbr>

HTML5 <iframe> タグ

インラインフレームは、次のようにマークアップします:

<iframe src="http://www.w3schools.com"></iframe>

Try it yourself »

ブラウザ・サポート

Internet Explorer Firefox Opera Google Chrome Safari

<iframe> タグは、主要な全ブラウザがサポートしています。


定義と用法

<iframe> タグは、インラインフレームを指定します。

インラインフレームは、現在のHTMLドキュメント内に別文書を埋め込むために使用します。


HTML 4.01 と HTML5 との相違点

HTML5 には、いくつかの新しい属性がありますが、HTML 4.01 いくつかの属性は HTML5 ではサポートされません。


チップスと注意事項

チップ: <iframe> (スクロールバーを含む)のスタイル設定には CSS を使用します。


属性

New : HTML5 で新規追加。

属性 説明
frameborder 1
0
HTML5 ではサポートしていない
height pixels iframe の高さを指定する
longdesc URL HTML5 ではサポートしていない
marginheight pixels HTML5 ではサポートしていない
marginwidth pixels HTML5 ではサポートしていない
name name iframe 名を指定する
sandboxNew ""
allow-forms
allow-same-origin
allow-scripts
allow-top-navigation
iframe 内のコンテンツに特別な制約のセットを有効にする
scrolling yes
no
auto
HTML5 ではサポートしていない
seamlessNew seamless iframeを、シームレスに文書に統合することを指定 Specifies that the iframe should look like it is a part of the containing document
src URL iframe に埋め込む文書のアドレスを指定する
srcdocNew HTML_code iframeで表示するページの HTML コンテンツを指定する
width pixels iframe の幅を指定する

グローバル属性

<iframe> タグは、HTML5におけるグローバル属性 もサポートします。


イベント属性

<iframe> タグは、HTML5におけるイベント属性 もサポートします。