- ベストアンサー
DIVブロック内の文字とタグの書き方について
- DIVブロック内には文字とタグを書くことができます。
- 質問文章のタグの書き方は問題ありません。
- 要素タイプ #PCDATA は「文字」を表します。
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
まず、DIVの用途ですが、 「DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加するための一般機構を提供する。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.4 )」 です。また、HTML5では、ノートで「Authors are strongly encouraged to view the div element as an element of last resort, for when no other element is suitable. Use of the div element instead of more appropriate elements leads to poor accessibility for readers and poor maintainability for authors. ( http://www.w3.org/TR/2011/WD-html5-20110525/grouping-content.html#the-div-element )」 翻訳すると「・・・著者は、他に適切な要素がないときなど、最後の手段の要素としてdiv 要素を使用することが強く推奨されます。より適切な要素があるのに div 要素を使うと、・・・【中略】・・・、著者にとってもメンテナンス性が落ちてしまいます。」 何でもかんでもDIVを使用するのは間違いです。DIVを使用するのは ・複数の要素がグループとしてそれがその文書にとってのブロックであるとき ・他に適切な要素が無いとき そして、使用するときはclassなどをつけて文書構造を補完する必要があります。 HTML4には、文書構造を使用する要素がないためclass名を使いますがHTML5ではそれが挿絵でしたら <figure> <img src="cat.jpg" width="168" height="135" alt="オスの三毛猫"> <figcaption>うちの猫です！</figcaption> </figure> のようになるはずですし、HTML4でしたら <div class="figure"> <img src="cat.jpg" width="168" height="135" alt="オスの三毛猫"> <p>うちの猫です！</p> </div> でしょう。 あるいは、 <div class="figure"> <p class="photo"><img src="cat.jpg" width="168" height="135" alt="小柄のオスの三毛猫でよく寝てます。"></p> <p class="caption">うちの猫です！</p> </div> とか・・ あなたのソースで一番の問題は<br>の使い道です。画像とその説明はひとつの段落ではなく異なる段落ですからp--paragraphでマークアップすべきです。通常は<BR>はHTMLに登場することは無いはずです。 altには、画像が表示されないユーザーのために画像がなくても伝わる代替テキストを書きます。 →alt ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/objects.html#adef-alt ) →A.1. すべての画像、アプレット、イメージマップに代替テキストをつけましょう。 ( http://www.doraneko.org/wai/contents10/19980918/Overview.html#A1 ) ※画像
お礼
なるほど そういうことなのですね。 大変参考になりました。 ありがとうございます。