html5での改行の適切な入れ方は？

質問

こんにちは。

私はhtml5における<br>と<p>要素について質問があります。

http://www.html5.jp/tag/elements/br.html
には、
------------------
<p>P. Sherman<br>
42 Wallaby Way<br>
Sydney</p>
------------------
は正しいとあります。以下の様な使い方は如何でしょうか？

その1：□は全角スペースです。文頭の最初に全角スペースを入れたいのです。
------------------その1の終まり------------------
<p>□おじいさんはある時大きな桃を拾いました。
生まれてきた桃太郎として子供を育てました。</p><br>
<p>□桃太郎が成人を迎えて旅に出る事になりました。
桃太郎は鬼をやっつけて王者の剣を手に入れました。</p>
------------------その1の終わり------------------

その2：演じる役者が2人以上いる時に<br>で分解出来るか？
------------------その2の始まり------------------
<p>団長／渡哲也</p>
<p>その他の刑事／神田正輝、<br>舘ひろし</p>
<p>証言者／菅野美穂、<br>デヴィ夫人</p>
------------------その2の終まり------------------

以上、何卒よろしくお願い申し上げます。

回答No.2

naokita · ベストアンサー

・ HTMLは、構造化や意味のあるマークアップをする事。
　・ 装飾（配置やデザイン）はHTMLで行うのではなく、CSSでやりましょう。

その１、
<p>
↓
<p style="text-indent:1em;">

その２、
<dl>
<dt>団長</dt>
<dd>渡哲也</dd>
<dt>その他の刑事</dt>
<dd><ul><li>神田正輝</li><li>舘ひろし</li></ul></dd>
<dt>証言者</dt>
<dd><ul><li>菅野美穂</li><li>デヴィ夫人</li></ul></dd>
</dl>

配置の調整は、CSSで指定できます。

------------------
#1の回答やお礼は間違った考え方でしょう。

お礼

ご回答ありがとうございます。

できました。本当にありがとうございました。

回答No.1

teketon

> その1：□は全角スペースです。文頭の最初に全角スペースを入れたいのです。
不可。そもそもPタグは段落を表し、ほとんどのブラウザは勝手に字下げ表示します。全角スペースは不要です。

> その2：演じる役者が2人以上いる時に<br>で分解出来るか？
不可。そもそも役、役者と意味が異なる情報を混ぜているので、tableタグなどを使用するべき。

ただ、厳密な解釈をさせるならばXMLやSGMLで記述するべきで、
ある程度柔軟に記述する余地があるのがHTMLのよいところ。
そこまでこだわらなくても良いと思います。

お礼

ご回答ありがとうございます。

>>ほとんどのブラウザは勝手に字下げ表示します。全角スペースは不要です。
とのことですが、全角スペースを無くしてIE9、Firefox18でやったのですが行頭が一文字分空けられませんでした。すみません、どうするべきでしょうか？

>>不可。そもそも役、役者と意味が異なる情報を混ぜているので、tableタグなどを使用するべき。
とのことですが、例えばTableタグを用いて左側のtdタグに役、右側のtdタグに役者名ということでよろしいでしょうか？

お手数をおかけしますがよろしくお願いいたします。