人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

<div style=”display:none”>なんたらかんたら</div>

このタグって どんな時使いますか?

●質問者: yoshi5231
●カテゴリ:コンピュータ
✍キーワード:HTML スタイルシート タグ
○ 状態 :終了
└ 回答数 : 7/7件

▽最新の回答へ

1 ● pellmell
●15ポイント

http://www.htmq.com/html/div.shtml

<DIV>-HTMLタグリファレンス

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

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

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

http://e-words.jp/w/E382B9E382BFE382A4E383ABE382B7E383BCE38388.h...

スタイルシートとは 【style sheet】 ─ 意味・解説 : IT用語辞典 e-Words

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

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


2 ● junkitch
●15ポイント

http://neko.dosanko.ch/contents/script/disp_obj

JavaScript - メッセージ等の表示・非表示

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

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


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

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


3 ● Mars
●14ポイント

http://www.google.com/search?&lr=lang_ja&q=%22display%3A...

Google

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

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


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

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

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

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


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


4 ● Tskk
●14ポイント

http://www.google.co.jp/search?ie=UTF-8&q=%22display%3Anone%...

Google

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

http://www.google.co.jp/search?q=%22display%3Anone%22+javascript

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

http://www.google.co.jp/search?ie=UTF-8&q=%22display%3Anone%...

Google

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

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

http://firefox.geckodev.org/index.php?usercontent.css%2F%B9%AD%B...

Mozilla Firefox まとめサイト

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

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


5 ● sao_rixxx
●14ポイント

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

<div style=”display: none”>は

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

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

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


1-5件表示/7件
4.前の5件|次5件6.
関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ