- ベストアンサー
div要素の用途について
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
回答がずれていたらすみません divとはdivisionの略で、直訳すると「区域」「区分」「部門」などという意味になります 文章中の1区分を表すと考えればいいと思います 例えば新聞でいうと1ページ内の１つの記事 といったところでしょうか
その他の回答 (2)
<div>＝ひとまとめにする（ブロックタイプ） http://www.tagindex.com/html_tag/text_font/div.html <DIV>・・・ひとかたまりの範囲として定義する（ブロック要素） http://www.htmq.com/html/div.shtml <div> - ブロック要素 http://www.tohoho-web.com/html/div.htm 上記を読んでいただければおわかりかと思いますが おおよそは質問者様の考え方であっていると思いますよ。
お礼
なるほど。div要素自体はそんなに意味はないんですね。ひとまとめにする範囲ということを覚えておけばいいわけですね。 ありがとうございました。
- SAYKA
- ベストアンサー率34% (944/2776)
汎用block要素 じゃない？ http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.4 http://www.tohoho-web.com/html/div.htm
お礼
参考になります。 ありがとうございました。
関連するQ&A
- div要素を綺麗に並べたいのですが困っています。
CSSのレイアウトで困っています。 現在ショッピングサイトを作っているのですがCSSの表示で困っています。 item_boxというdiv要素の中に更にitem_aというdivタグで包んだ商品写真とテキストのBOXをfloatで左に回りこみ させ横３列に並べています。 1段目だけなら表示に問題ないのですが2段目以降になると1段目の商品BOXの高さによっては横一列に綺麗に並びません。 何か良い解決策は無いでしょうか？ item_aにheightを指定すればいいのですが文字数によってはテキストが切れたり、または下に空洞が空きすぎたりするのでheight指定は避けたいです。
- 締切済み
- CSS
- div要素を綺麗に並べたいのですが困っています。
CSSのレイアウトで困っています。 現在ショッピングサイトを作っているのですがCSSの表示で困っています。 item_boxというdiv要素の中に更にitem_aというdivタグで包んだ商品写真とテキストのBOXをfloatで左に回りこみ させ横３列に並べています。 1段目だけなら表示に問題ないのですが2段目以降になると1段目の商品BOXの高さによっては横一列に綺麗に並びません。 何か良い解決策は無いでしょうか？ item_aにheightを指定すればいいのですが文字数によってはテキストが切れたり、または下に空洞が空きすぎたりするのでheight指定は避けたいです。
- 締切済み
- CSS
- div要素について。
div要素について。 <div id="style"> <?php if(function_exists('○○○')) { ○○○(); } ?> </div> <?php ?>の部分に任意の文字が呼び出されるのですが、 その文字量にしたがってdiv#styleの横幅を可変させたいのですが可能でしょうか？ 文字が５文字の場合は５文字幅。 １０文字の場合は１０文字幅といったように可変させたいです。 何らかの方法がありましたらご教授いただきたいです。 よろしくお願いします。
- ベストアンサー
- HTML
- div要素をランダムに表示させたい
お世話になります。Javascriptについて質問させていただきます。 拙い説明で分かりにくいかと思いますが、ご教授いただけたらと思います。 javascriptとcssを使用して、ページをリロードする度に、divの要素をランダムに表示させるようにしたいと考えています。 ランダムで表示させるにはfunction test(no)関数のどこかにランダムで値を取得できるようにする必要があると思っているのですが、上手く設定ができずに悩んでいます。 ご回答頂けたら幸いです。 ■ html <body onLoad="test(no)"> <div id="link"> <div class="link01"> <p>文章1</p> </div> <div class="link02"> <p>文章2</p> </div> <div class="link03"> <p>文章3</p> </div> </div> <ul> <li><a href="#" onclick="showChanger(1);">リンク1</a></li> <li><a href="#" onclick="showChanger(2);">リンク2</a></li> <li><a href="#" onclick="showChanger(3);">リンク3</a></li> </ul> ■javascript function test(no){ var parenObj=document.getElementById("link"); for(var i in parenObj.childNodes){ var childObj=parenObj.childNodes[i]; if(childObj.tagName=="DIV"){ if(no == 1){ if(childObj.className=="link01"){ childObj.style.display = "block"; }else{ childObj.style.display = "none"; } } if(no == 2){ if(childObj.className=="link02"){ childObj.style.display = "block"; }else{ childObj.style.display = "none"; } } if(no == 3){ if(childObj.className=="link03"){ childObj.style.display = "block"; }else{ childObj.style.display = "none"; } } } } } ■css .link01 { display:block; margin-bottom:10px; } .link02 { display:none; margin-bottom:10px; } .link03 { display:none; margin-bottom:10px; }
- ベストアンサー
- JavaScript
- 要素のない文字をCSSでレイアウトを整える方法
例えば、 <h1>見出し1</h1> 私は、～～～～～～～～～～～～。 というような文章があったとして、文字と文字の間の隙間や上下の段落の幅のレイアウトを決めたいとき、「私は、～」については特に要素がないのでCSSでレイアウトを指定するとき<body>を指定するしかないのでしょうか？ 回答よろしくお願いします。
- ベストアンサー
- HTML
- cssとhtml内のdiv要素だけで画像を表示するには
こんばんは。昨日からcssを始めてみたのですが、 早速壁にぶつかってしまいました。 くだらない質問と思われるかもしれませんが、お暇なかた よろしければご回答ください。 ほとんどのブログでは、htmlをいじることはできず、 css編集のみとなっています。 cssのみで画像を表示させたく、div要素を定義して、 それにcssを設定しようとしたのですが、うまくいきません。 以下失敗したままのサンプルを提示しますので、 間違っている箇所がありましたら、ご指摘ください。 /*cssだお*/ body.imiji { background-image:url(画像のurl); } .image { background-image:url(画像のurl); ←問題の箇所 } p.color { color:blue; font-family:"メイリオ" !important; } <!--html--> <html> <head> <title>ふぁぶ </title> <link rel=stylesheet type="text/css" href="fab.css"> </head> <body class="imiji"> <div class="image"></div>←←問題の箇所 <p class="color"> もうホントに勘弁して </p> </body>
- ベストアンサー
- その他（インターネット・Webサービス）
お礼
なるほど。区分という意味なんですね。 ありがとうございました。