【HTML】スタイルシート？？

　ここにある通りにそれ自体は意味を持っていません。

　複数のタグを部分ごとにまとめる為に使います。

　たとえば、ブログによく見られる構成のサイトならば、右サイドバーの部分、メインの部分、左のサイドバーの部分とか。

　まとめてどうするのかというと、スタイルシート(CSS)を使う。スタイルシートを使用すると様々な書式や見栄えの設定ができるが、<div>で括ってそこにスタイルシートを使うと、括られた範囲にすべて適用される。

　方法を間違えると思うようにいかない場合もある。

単独でdisplay:noneといったスタイルシートを適用した

だけではあまり意味を持ちませんが…。

JavaScriptで表示をON/OFFを切り替えることができるので、

なかなか便利です。DHTMLで威力を発揮するでしょう。

●インラインで指定した場合に限って云えばJavascript(onmouseover/out,onclick等のイベント)で値を書き換えて必要に応じて非表示/表示を切り替えるぐらいしか思いつきません。

折りたたみ式のメニューとか補足説明文とか。

●style要素や外部ファイル化したCSSでは

・mediaタイプで条件付けをして印刷したときだけ表示(/非表示)する。

・CSSハックを使って特定のUA/ブラウザにだけ表示(/非表示)する。

…なんて使い方が思いつきます。

URLはgoogleで”display:none”を検索。実例やJavascriptサンプルがヒットしています。

印刷用スタイルシートで余計な要素を隠して、紙とスペースを節約

javascriptからコントロールして要素を見せたり隠したり。

無料ホームページでフレームを使う場合、邪魔な広告を消すのに使えます。

ただし、規約違反にならないように注意。

ユーザースタイルシートで広告消し。

こちらはWebページ作者ではなく読者の側で広告を消す話。

http://www.hatena.ne.jp/ダミー:detail]

＜div style=”display: none”＞は

レイヤーを表示させません

キーワードを書いても閲覧者からは何も見えません

そんな感じじゃなかったでしょうか

ここに書いてある通り、

「囲まれた部分を右寄せしたり、スタイルシートを適用したりするのに用い」ます。

「なんたらかんたら」を表示したくない時に使います。

表示したくなければそもそも div 要素ごと書かなければいいじゃないかという声が聞こえてきそうですが、たとえば

<input type="button" value="表示" onclick="document.getElementById(’nantara’).style.display=’block’;">

<div id="nantara" style="display:none;">なんたらかんたら</div>

というようにコードを書くと、普段は表示されていない「なんたらかんたら」を「表示」ボタンを押すことでと表示させるという様なことができるようになります。

表示／非表示を動的に切り換えたいときに display: は便利ですね。