• ベストアンサー

レイヤーについて

HTMLで記述するレイヤーについて質問です。 レイヤータグには、「SPAN」「DIV」「LAYER」「ILAYER」などがありますが、この中で、もっとも支持されているレイヤーは、どれでしょうか? また、それぞれの違いがわかるとより助かります。

  • Qsans
  • お礼率71% (28/39)
  • HTML
  • 回答数1
  • ありがとう数1

質問者が選んだベストアンサー

  • ベストアンサー
noname#199778
noname#199778
回答No.1

HTMLには、レイヤーとして定義されている要素はないと思うのですが… スタイルシートやDHTML的効果を適用する範囲としての要素を、便宜的にレイヤーと表現している例はあるようですが、レイヤーという存在がHTMLの規格で正式に定義・勧告されているということはないと思います。 それぞれの要素の意味や内容については、参考URLに解説されている通りです。 参考URLに上げたサイトでは、HTMLをわかりやすく解説していますので、参考になるでしょう。 なお、span要素は汎用インライン要素、div要素は汎用ブロックレベル要素として、HTML4.01に定義されています。 layer要素、ilayer要素については、Netscape4.xxがDHTMLの実装のために独自に定義した要素で、Netscape4.xxのみでサポートされており、HTML4.01では定義されていません。 こちらは、他のIEなどのブラウザでは対応していませんし、Netscapeでも6以降では対応していないので、事実上廃棄されている要素と見ることもできるかと思います。 ですので、利用頻度という面ではspan要素とdiv要素の方が有用性は高いでしょう。 参考になれば幸いです。

参考URL:
http://tohoho.wakusei.ne.jp/html/div.htm,http://tohoho.wakusei.ne.jp/html/layer.htm
Qsans
質問者

お礼

ご回答ありがとうございました。 なるほど、layer ilayerは、ネスケだけですか~。 それを知れただけでも大収穫です。 てっきり、IEでのバージョンのせいだと思ってました... これからは、CSS系のspanとdivを使っていきたいと思います。 ありがとうございました。

関連するQ&A

  • レイヤーって使わない方がいいの?

    ホームページ作成の際の質問です。 他のカテゴリのところで、「Ntscape上でレイヤーがうまく表示できない」と言うような内容の質問をさせていただいたのですが、その中でレイヤーを使わない方が良いのでは(HTMLのVerを落として作成する)…と言う感じのアドバイスを頂きました。 そこで質問させていただきたいのですが、受ける側のブラウザのVerの違いもあるでしょうが、一般的にレイヤーは使わない方が良いのでしょうか。DreamWeaverで作っているのですが、レイヤーは視覚的に作れるので多用してしまいます。 ホームページ作成は初心者です。どなたかアドバイスをいただけないでしょうか。

    • ベストアンサー
    • HTML
  • innerHTMLを使用するとうまく表示できない文字があるのですが・・・。

    以下のスクリプトを実行すると、 特殊文字は1つしか表示されません。 \"\"や&&の他に、1つしか表示されない特殊文字は あるのでしょうか? <SCRIPT language=\"VBScript\"> Sub window_onLoad() layer1.innerHTML = \"\"\"\" layer2.innerHTML = \"&&\" layer3.innerHTML = \"XX\" End Sub </SCRIPT> <body> <font face=\"MSゴシック\" size=\"7\"> <div id=\"layer1\" align=\"center\"><span></span></div> <div id=\"layer2\" align=\"center\"><span></span></div> <div id=\"layer3\" align=\"center\"><span></span></div> </font> </body>

    • ベストアンサー
    • HTML
  • レイヤー枠って?!?

    ほぼ同じ容量で作成されている2つのHTMLファイルがあります。 この2つの大きな違いは、文字より画像が多いい、画像より文字が多いという点です。 そして、片方はレイヤーをいくつか使用してしています。 レイヤーを使用するとHPが開くまでの時間に関係してきますか??? どなたかお教えくださいm(_ _)m よろしくお願いします。

  • レイヤーの非表示

    よろしくお願いします。 本文中に <div id="test" style="DISPLAY:none;POSITION:absolute;"> </div> としてあり、何らかのイベントを受けたらjavascript内で、 objTest=document.getElementById('test'); objTest.style.display='block'; と表示したレイヤーを今度は非表示にする場合、 表示したレイヤー、例えばHTMLテーブルを表示した場合そのテーブル以外の場所をクリックしたというイベントを拾うことは可能でしょうか? フォームにテキストが入力された時、テーブルが表示されその中にあるテキスト(リンク)をクリックした場合、入力補完される。リンク以外をクリックした場合(入力補完をせず、他の動作に移ったとき)テーブルが消えるイメージです。 どうぞよろしくお願いいたします。

  • レイヤ2,レイヤ3、レイヤ4のスイッチィングハブ

    レイヤ2,レイヤ3、レイヤ4のスイッチィングハブの違いはなんでしょうか? 教えて下さい。

  • レイヤーに書き込むには

    JavaScript 初心者ですが、 document.write(string); が含まれる関数を呼び出してレイヤーに文字列を書き出したいのですが、ページ全体に書き出されてしまいます。レイヤーの文字のみ変更するにはどうすればよいのでしょうか。 <html> <head> </head> <body> <div id="layer1"> <script type="text/javascript"> <!-- function function1() { document.write("Hello, World!"); } //--> </script> </div> <input type="button" onclick="function1()" /> </body> </html> よろしくお願いします。

  • レイヤーを背景だけ透過させたい

    お世話になります。 レイヤーを背景だけ透過させたく、質問させていただきます。 レイヤーを透過させたい場合、よくスタイルシートのfilterが使われると思います。 たとえば <div style="width:100; height:20; color:#ff0000; background-color:#0000ff; filter:Alpha(opacity=60);"> フィルター適応</div> のようにすると、レイヤー全体が透過されます。 しかし、今回やりたいのは、背景のみが透過し、文字は透過させたくありません。 1つ考えた方法として、 <div style="width:100px; height:20px; top:0px; left:0px; position:absolute; background-color:#0000ff; filter:Alpha(opacity=60);"> </div> <div style="width:100px; height:20px; top:0px; left:0px; position:absolute; color:#ff0000;"> フィルター適応 </div> のように、無理やりレイヤーを2つ重ねて表示できないこともないのですが、もっとスマートな方法はないでしょうか。 ご存知の方がいらっしゃいましたら、ご教授お願いいたします。

    • ベストアンサー
    • HTML
  • 複数のidを指定する

    こんにちわ。いつもお世話になります 少し、HTMLのことも含まれるのですが、 1つのHTMLドキュメントの中で、複数回、同じidを使用するのは文法違反ですか? たとえば <span id="x"></span> <div id="x"></div> のような感じです やりたいことは、複数のspan(場合によってspanの数が変わる)のstyle.colorに 同じ値を指定したいです。 for()を使ってid名を変えて、繰り返すとかしないとダメですか?

  • DreamweaverのレイヤーとDiv

    Cssを覚えようと勉強中で、 よくある本の付属CD-ROMにある企業のWEBサンプルをDreamweaverで開いてみてみたら、 構成するにあたって、色々と疑問がでてきました・・。 Dreamweaverで開くと、レイヤー表示される所と、 (プロパティにレイヤーとでて、ドラッグなどで位置修正可能) 赤い枠だけ表示される、DIVのコンテンツブロックのものとありました。 (プロパティには、ID名が表示されるのみで、レイヤーとは表示されず、位置調整がドラッグではできない) レイヤーの方はわかるんですが、 赤枠だけ表示されるDIVのコンテンツブロックってどうやって作るのですか? どうしても位置を指定すると、レイヤー化しますよね・・。 でも、色々な企業サイトのサンプルをDreamweaverで開いてみても、 どのサイトもレイヤーとコンテンツブロックとわかれていました。 なぜ、赤い枠のものと、レイヤーとわかれて作るのですか? どういう関係で分けているんでしょう? headerをレイヤーで作っている所もありましたし、 footerを赤枠のみのdivコンテンツブロックで作っている所もありました。謎です。。 どなたか分かる方、教えてください・・; ・赤い枠のみのIDコンテンツブロックの作り方(レイヤーにならない ・なぜレイヤーと↑と分けて作るのか不明、何を元に分けているのか、分からない ・cssの設定ってかなり量がありますが、どうやって整理して作成しているのか。 一つ一つ、これとこれが同じでってやっていったら、きりがないですよね。。 横のウィンドウのタグから、 適用ルールにインラインスタイルってでるんですが、 そこで一つ一つ新規ルール作成で作っているんでしょうか? 色々質問すみませんが、回答いただけると助かります。 宜しくお願いします!

  • span要素にのみwhite-space: nowrapを指定したい

    CSSによる改行指定が思う様にできなくて困っています。 幅400pxのボックスの中で、<span>~</span>の間では改行せず、</span>と<span>の間で自動改行するようにしたいと考えています。 スタイルシートに div{width:400px;} span{white-space: nowrap;} HTMLに <div> <span>type1</span><span>type2</span><span>type3</span>... </div> のように表記したのですが、実際にはdivで指定した幅を無視してどこまでも改行なしで表示されてしまいます。 どのように指定すれば目指している形にできるでしょうか?

    • ベストアンサー
    • HTML

専門家に質問してみよう