制作者の活動(PR)。

アイドル女優・堀北真希ちゃんにうさぎの耳を付けたら可愛いだろうなと思って作った女子大生キャラクタ
主な作品

人気女優をモデルにした制作者の創作キャラクタのイラスト例とそれを組み込んだアニメーション動画

<noframes>要素(フレーム非対応環境への代替コンテンツ)。

フレーム非対応環境への代替コンテンツである<noframes>要素についての解説です。

<noframes>要素(フレーム非対応環境への代替コンテンツ)・目次。

<noframes>要素とは。

<noframes>要素とは、フレーム非対応環境への代替コンテンツです。

具体的には、フレームの枠組み(フレームセット)とフレームに組込まれるべき文書とで以下のように異なったものとなります。

フレームの枠組みを決める文書(フレームセット)
フレーム表示が出来ないユーザエージェントで代わりに利用出来るノンフレーム版コンテンツとなります。
フレームに組み込まれるべき文書
当該文書がフレームに組み込まれていない場合に利用出来る、本来別フレームで提供しているナヴィゲーションなどが該当します。

<noframes>要素を利用出来るHTML文書型。

<noframes>要素はHTML 4.01及びXHTML 1.0のトランジッショナル文書型及びフレームセット文書型でのみ利用出来ます。

<noframes>要素の実装上の注意。

フレームに対応しているユーザエージェントは<noframes>要素をサポートしていないようです。

<noframes>要素が含まれるXHTML モジュール。

<noframes>要素はフレームモジュールに属します。

<noframes>要素の扱い。

<noframes>要素は文書型によって異なります。

トランジッショナル文書型

トランジッショナル文書型での<noframes>要素はブロックレヴェル要素となります。

トランジッショナル文書型での<noframes>要素の内容はブロックレヴェル要素でもインライン要素でも可能で、当該文書がフレームに収められていない場合に利用出来る、通常別フレームで提供しているナヴィゲーションなどを記述します。

フレームセット文書型

フレームセット文書型での<noframes>要素は<frameset>要素の直下に記述されます。

フレームセット文書型での<noframes>要素の内容は<body>要素となり、フレームに対応していない環境向けのノンフレーム版コンテンツを記述します。

<noframes>要素の属性。

<noframes>要素には以下の属性が定義されております。

共通属性

<center>要素で使える共通属性には

があります。

<noframes>要素に関する注意事項。

<noframes>要素は代替コンテンツを記述するためのものです。

よくフレームセット文書で<noframes>要素の内容として、フレーム対応ブラウザで見てくださいとしか書いていなかったり、<noframes>要素が空になっていたりしますが、それでは<noframes>要素の意味がありません。

<noframes>要素は

でも問題無くコンテンツを利用出来るようにするための要素です。

フレームセット文書型の場合、必ずノンフレーム版の表紙か、それが無理ならせめてメニューフレームとなるページへのリンクを用意して下さい。

<noframes>要素は<noframe>要素ではありません。

よく<noframes>要素を<noframe>と書いているサイトがあるようですが、正しくは<noframes>です。

お間違いの無いように。

<noframes>要素の記述例。

トランジッショナル文書型

<noframes>
    <h2>ご案内</h2>
    <p>この文書は<a href="index.html">HTML入門</a>のコンテンツです。</p>
    <h3>目次</h3>
    <ul>
        <li><a rel=start" href="introduction.html">はじめに</a></li>
            …
        <li><a rel="bookmark" href="link.html">リンク</a> </li>
        </ul>
    </noframes>

この場合、当該文書がフレームに組み込まれずに読み込まれた際に上記の案内とナヴィゲーションが表示される事が望まれております。

フレームセット文書型

好ましい<noframes>要素の記述例。

フレームセット文書型に於ける好ましい<noframes>要素の記述は、当然ながらフレームが使われている事を意識させないノンフレーム版サイトの表紙でしょう。

<?xml version="1.0" encoding="shift_jis"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head>
<title>HTML入門</title>
    …
</head>
<frameset rows="80,*">
    <frame id="title" name="title" src="TitleBar.html" />
    <frameset cols="*,7*">
        <frame id="menu" name="menu" src="Menu.html" />
        <frame id="main" name="main" src="Home.html" />
        </frameset>
    <noframes>
        <body>
            <h1>HTML入門</h1>
            <h2>目次</h2>
            <dl>
                <dt><a rel="next" rev="start" href="introduction.html">はじめに</a></dt>
                <dd>平成18年 5月31日更新</dd>
                    …
                <dt><a rel="bookmark" href="link.html">リンク</a> </dt>
                <dd>平成18年 5月20日解説</dd>
                </dl>
            </body>
        </noframes>
    </frameset>
</html>

この場合、フレーム非対応環境向けに<noframes>要素でノンフレーム版のメニューを用意しております。

問題になり難い<noframes>要素の記述例。

上記のように好ましい記述法があるのですが、これは困難だと言うのであれば、せめてメニューフレームへのリンクくらいは用意しておきたいものです。

<?xml version="1.0" encoding="shift_jis"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head>
<title>HTML入門</title>
    …
</head>
<frameset rows="80,*">
    <frame id="title" name="title" src="TitleBar.html" />
    <frameset cols="*,7*">
        <frame id="menu" name="menu" src="Menu.html" />
        <frame id="main" name="main" src="Home.html" />
        </frameset>
    <noframes>
        <body>
            <h1>HTML入門(ノンフレーム版)</h1>
            <p>当サイトのオリジナル版ではフレームを用いております。</p>
            <p>フレーム非対応環境でご覧の方は、以下からお進みください。</p>
            <ul>
                <li><a rel="next" rev="start" href="Menu.html">メニュー</a></li>
                </ul>
            </body>
        </noframes>
    </frameset>
</html>

この場合、フレーム非対応環境向けに、フレーム対応環境であれば左側に表示されるであろうメニューフレーム文書へのアンカーがメッセージとともに代替コンテンツとして利用可能になります。

関連項目。

<body>要素
文書本体
<frameset>要素
フレームの枠組み

しらぎくのウェブサイト作成入門サイトマップ

ページ外へのご案内。

marguerite.site@gmail.com