Search

携帯対応HTML/XHTMLタグフレームモジュール

  1. frameset〔フレームセット〕
  2. frame〔フレーム〕
  3. noframes〔フレーム未対応ブラウザ向け代替テキスト〕
  4. iframe〔インラインフレーム〕

frameset
フレームセット

2009/11/23

<frameset>～</frameset>

iモード　なし
EZweb　なし
SoftBank　[SoftBank XHTML]

frameset要素は、フレームをどのように分割するか、フレームの定義を表す要素です。 frameset要素内にframe要素またはnoframes要素が1回以上出現する必要があります。

フレームの分割方法は、cols属性（横方向の分割）およびrows属性（縦方向の分割方法）に指定します。 分割方法は、%値またはpx値をカンマ区切りで指定します。 例えば、横2分割の場合はcols="30%,70%"、横3分割の場合はcols="30%,30%,40%"のように指定します。

属性

SoftBank

frameset要素の属性
属性 HTML XHTML 説明
SoftBank
HTML
C2型		 SoftBank
HTML
C3型		 SoftBank
HTML
P型		 SoftBank
HTML
3GC型		 SoftBank
XHTML
3GC1型		 SoftBank
XHTML
3GC2型
rows="%MultiLength" × × × × × △ 縦方向に分割されたフレームの幅をカンマ区切りで指定。デフォルトは「100%」。
cols="%MultiLength" × × × × × △ 横方向に分割されたフレームの幅をカンマ区切りで指定。デフォルトは「100%」。

注意事項

SoftBank
  • フレーム未対応端末では、frame要素の内容はすべて無視される。

サンプル

SoftBank

<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//J-PHONE//DTD XHTML Basic 1.0 Plus//EN" "xhtml-basic10-plus.dtd">
<html>
    <head>
        <title>フレームの書き方</title>
    </head>
    <frameset cols="30%,70%">
        <frame src="left.html" />
        <frame src="right.html" />
        <!-- フレーム未対応のユーザーには、代替テキストが表示される -->
        <noframes>
            <body>
                <p>フレーム対応のブラウザでご覧下さい。</p>
            </body>
        </noframes>
    </frameset>
</html>

frame
フレーム

2009/11/23

<frame>～</iframe>

iモード　なし
EZweb　なし
SoftBank　[SoftBank XHTML]

frame要素は、frameset要素の子フレームを表す要素です。 src属性に子フレーム内に表示するページのURIを指定します（URIは相対パスでも絶対パスでもOK）。 frame要素は、空要素のため<frame />のように記述します。

属性

SoftBank

frame要素の属性
属性 HTML XHTML 説明
SoftBank
HTML
C2型		 SoftBank
HTML
C3型		 SoftBank
HTML
P型		 SoftBank
HTML
3GC型		 SoftBank
XHTML
3GC1型		 SoftBank
XHTML
3GC2型
src="%URI" × × × × × △ フレームに読み込むページのURI（相対パスまたは絶対パス）を指定。
frameborder="{1|0}" × × × × × × フレームの枠線を指定。省略した場合は、デフォルトが適用されます。
値 説明
0 枠線なし
1 枠線あり（デフォルト）
marginwidth="{%Pixels}" × × × × × × フレーム内の左右余白を指定（単位：px）。
marginheight="{%Pixels}" × × × × × × フレーム内の上下余白を指定（単位：px）。
noresize="noresize" × × × × × × フレームのリサイズを禁止する場合に指定。
scrolling="{yes|no|auto}" × × × × × × フレームのスクロール方法を指定。
値 説明
yes スクロールバーを表示
no スクロールバーを表示しない
auto ブラウザの解釈に依存（デフォルト）

注意事項

SoftBank
  • frameborder/marginwidth/marginheight/noresize/scrolling属性の挙動は端末に依存。

noframes
フレーム未対応ブラウザ向け代替テキスト

2009/11/23

<noframes>～</noframes>

iモード　なし
EZweb　なし
SoftBank　[SoftBank XHTML]

noframes要素は、フレーム未対応端末向けの代替テキストを表すブロック要素です。 noframes要素は、frameset要素内に記述します。 noframes要素内には、body要素が1回出現する必要があります。

iframe
インラインフレーム

2009/11/23

<iframe />

[SoftBank XHTML]

iframe要素は、他のWebページの埋め込みを表すインライン要素です。

属性

SoftBank

iframe要素の属性
属性 HTML XHTML 説明
SoftBank
HTML
C2型		 SoftBank
HTML
C3型		 SoftBank
HTML
P型		 SoftBank
HTML
3GC型		 SoftBank
XHTML
3GC1型		 SoftBank
XHTML
3GC2型
name="{文字列}" × × × × × △ インラインフレームの名前を指定。
src="%URI" × × × × × △ インラインフレーム内に表示するページのURIを指定。
frameborder="{1|0}" × × × × × × インラインフレームの枠線を指定。枠線なしの場合は「0」を指定。枠線ありの場合は「1」（デフォルト）を指定。省略した場合は、デフォルトが適用されます。
marginwidth="{%Pixels}" × × × × × × インラインフレーム内の左右余白をピクセル単位で指定。
marginheight="{%Pixels}" × × × × × × インラインフレーム内の上下余白をピクセル単位で指定。
scrolling="{yes|no|auto}" × × × × × × インラインフレームから内容がはみ出た場合のスクロールバーの表示方法を指定。
値 説明
yes スクロールバーを表示
no スクロールバーを表示しない
auto ブラウザの解釈に依存（デフォルト）
width="{%Length}" × × × × × △ インラインフレームの幅を指定（単位：%またはpx）。
height="{%Length}" × × × × × △ インラインフレームの高さを指定（単位：%またはpx）。

注意事項

SoftBank
  • frameborder/marginwidth/marginheight/noresize/scrolling属性の挙動は端末に依存。
  • iframe要素は一部の3GB端末で使用不可。

サンプル

SoftBank

<iframe name="ifrm" src="http://www.sample.co.jp/" width="500" height="200">
インラインフレーム対応のブラウザでご覧下さい。
</iframe>

関連コンテンツ

Q. このサイトの情報はお役に立ちましたでしょうか？

投票する 投票結果を見る

管理人に【web拍手】を送るweb拍手（1行メッセージも送れます♪）

TOP / ご利用上の注意点 / リンクについて / RSS

Valid: HTML検証, CSS検証, RSS検証

Thanks: Material Design 420 free icons

©2024 PHP & JavaScript Room All Rights Reserved.

pagetop

polarized women