ベストアンサー

<div>テキスト</div>

2006/03/26 23:54

HTMLを記述する際に文書構造を明確に…と考えています。見出しにはHタグ、本文にはPタグ、リストにはliなどなど。ある書籍でbody直下にテキストを配置するのはいけない、と書いてありました。テキストに意味付けがなされていないから、というようなことが理由として書いてありました。そこで思ったのですが、divはもともと意味をなさないブロック要素ですが、この直下にテキストを配置すると、このテキストは文書構造上意味を持たないものになって、文法上間違っているのでしょうか？今のところ、 <div><p>テキスト</p></div> のように、pで意味付けをするのが正しいのかな、と考えていますが、W3Cのホームページではdiv直下にテキストを配置しているものがありました。皆さんのご意見を伺いたいです。 div直下のテキストは正しいのか、間違っているのか、どうでもいいのか？

partita
お礼率29% (122/412)

HTML
回答数8
ありがとう数5

みんなの回答 （8）
専門家の回答

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

ベストアンサー

cyokokichi
ベストアンサー率21% (32/152)

2006/03/27 10:47 回答No.3

質問者

お礼 2006/03/28 19:23

ご回答ありがとうございます。やっぱりDTDが説得力ありますね。ただ、 <div> <p>テキスト</p> <p>テキスト</p> <p>テキスト</p> テキスト </div> とするのはおかしいですよね？DTD的には問題ないのかもしてませんが・・・。

その他の回答 (7)

noname#17489

2006/03/28 23:40 回答No.8

>#4補足質問 id,classについてはUKYさんが補足されているので省略します。この場合について。たとえばこれがメニューに対する補足(supplement)なら、該当の部分は <div id="menu_supplement">テキスト</div> もしくは <div id="menu_supplement"><p>テキスト</p>...</div> のようにするのが良いと思います。こういうとき<p>を使うか否かは、僕はそのテキストの長さで決めています。ある程度長ければ段落の数だけの数の<p>を使い、１～２文程度ならそのまま書いてしまいます。（そんな人はいないと思いますが）たくさんのWebページから段落だけを抜粋しているような人がいた場合、「拾われるべき/拾われるべきでない」で使う使わないを決めるのもいいでしょう。

UKY
ベストアンサー率50% (604/1207)

2006/03/28 20:28 回答No.7

> idやclassは単にデザイン指定のために使用するものだと思っているのですが・・・。あ、それは全然違います。確かに id や class はデザイン指定のために使われることが多いですが、それだけが id/class の使われ方 (≠使い方) ではありません。 (そもそも本来の HTML にはデザインのための要素や属性というものはありません。「id/class がスタイルシートに使われる」ことはありますが、「スタイルシートのために id/class を付ける」のは本末転倒であって良い HTML の書き方ではありません。) > idやclassで意味付けになるのでしょうか？ P や BLOCKQUOTE のように直接的な意味づけはできませんが、id/class でも間接的にある程度意味づけができる、と私は思います。大まかにいうと id は名前付け、class はグループ分けのために使うものですが、その名前やグループが何らかの意味を表しているならば、id/class によって意味づけがされていると考えることは出来ると思います。

参考URL：: http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/struct/global.html#h-7.5.2

UKY
ベストアンサー率50% (604/1207)

2006/03/27 16:20 回答No.6

「div直下のテキストは正しいのか、間違っているのか、どうでもいいのか？」と質問なさっているのだから、DTD がどうとかいう話をしてもしょうがないと思うんですよ。構文論の話じゃなくて意味論の話をしないと。といっても、私が書こうとしたことは既に volmocanon さんがほとんど述べられているのですが

質問者

お礼 2006/03/28 19:19

ご回答ありがとうございます。 DTDの話が出てくることは予想の範疇なので、構文論でも私は構わないと思っています。むしろ構文論＝意味論だとも思いますので。

cyokokichi
ベストアンサー率21% (32/152)

2006/03/27 12:41 回答No.5

なにか勘違いされている方が若干1名くらいいますが、私はdivの直下に#PCDATAが出現させることとbody直下に#PCDATAを出現させない理由を最も簡単に書いただけです。

noname#17489

2006/03/27 11:27 回答No.4

具体的に例を挙げると、DHTMLで作った自作のツールチップなどにdiv直下の#PCDATAは現れるかもしれません。 divは意味をなさないブロック要素ですが、意味が無いならば何のために用意されているのかというと、HTMLに無いブロック要素を記述するためです。意味づけのためにも、要素にはid属性やclass属性を指定するようにしましょう。（これはspan要素にも言えることです。） <div><p>text text text ...</p></div> はDTD的には正しいですが、divに文書の構造としての意味があり、今は段落が一つしか無いのでこのような構造になっている等の理由が無いならば <p>text text text ...</p> とするのが良いでしょう。divは段落ではありません。まとめると、divにid属性やclass属性を付けて意味付けをすればOKかと思います。ただ、既存のタグで済ませられないかどうか、まず考えてください！＞#3 DTDは*最低限*守るべき規則であって、極論ですがDTDにだけ従えばいいのなら <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <title>test</title> <h1>H</h1> <h2>e</h2> <h3>l</h3> <h4>l</h4> <h5>o</h5> なんてのも正しいHTML文書です。

参考URL：: http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#edef-DIV

質問者

補足 2006/03/28 19:12

＞id属性やclass属性を付けて意味付けをすれば idやclassで意味付けになるのでしょうか？ idやclassは単にデザイン指定のために使用するものだと思っているのですが・・・。ちなみに、普段はdivを <div> <h2>メニュー</h2> <ul> <li><a href="">リンク</a></li> <li><a href="">リンク</a></li> <li><a href="">リンク</a></li> </ul> </div> のように使用しています。もちろん「まとまり」を作るためです。これにテキストを追加するとしたら <div> <h2>メニュー</h2> <ul> <li><a href="">リンク</a></li> <li><a href="">リンク</a></li> <li><a href="">リンク</a></li> </ul> テキスト </div> と記述するのはおかしいな、と思ったので今回のような質問をしました。上記では<p>テキスト</p>とすべきかと。