No.1ベストアンサー
- 回答日時:
brは、通常のHTMLではほとんどでてこない、使わない、使うべきではない要素です。
<br>は、【ひとつの段落内で視覚的に改行したい】場所に使用する要素(HTML4.01)で、HTML5ではより厳しく「br elements must be used only for line breaks that are actually part of the content, as in poems or addresses. ( http://www.w3.org/TR/2011/WD-html5-20110525/text … )」--br要素は、詩やアドレスのように、実際にコンテンツの一部である改行のためにのみ使用されなければならない。
言い換えれば、改行の間隔を広げるために使用するものではありません。そのため、通常作成するHTMLには、まず登場することのない要素です。
では改行間隔はどう指定するかですが、日本語のフォントは英文より大きいこと。段落の始まりは一文字下げる、段落間のスペースは取らない。という慣習のため
p{line-height:1.6em;margin:0;text-indent:1em;}
としておくと良いです。
そうしておけば、たとえば郵便番号をマークアップするときに
<p class="postAddress">
<span class="zipCode">100-1000</span>東京都・・・区<br>
東なんとか、何丁目何番地<br>
<span class="first Name">山田</span> <span class="secondName">太郎</span>
</p>
のようにマークアップしておくと、期待通り他の段落と同じように広がるでしょう。このp.postAddressのみ行の高さを低くしたければ、
p.postAddress{line-height:1.4em;}
とか指定します。
なお、スタイルシートの単位には、ゼロ以外は必ず単位をつけなければなりません。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- その他(Microsoft Office) エクセルのマクロでスライサー教えてください。 1 2022/09/28 16:40
- HTML・CSS CSS上での計算を行うためのルールについて教えてください。 3 2022/08/15 14:43
- HTML・CSS HPに文章で改行はすべてBRタグとかで改行しなきゃだめなのですか?改行が活きたまま書く方法ないの? 1 2022/12/03 21:00
- Access(アクセス) AccessVBAで降順にするテーブル作成クエリを使用して作成したテーブルを削除し同一のテーブル作成 1 2023/01/06 11:17
- Visual Basic(VBA) VBAにてメール作成した際、一部指定箇所のみ赤文字にしたいです。 下記の内容ですと作成されたメール本 1 2022/04/27 13:31
- Visual Basic(VBA) エクセルのマクロについて教えてください。 1 2022/12/26 12:05
- Excel(エクセル) エクセル2013「次のページ数に合わせて印刷」が小さすぎる 9 2023/03/28 10:18
- Excel(エクセル) エクセルのマクロについて教えてください。 3 2023/02/07 14:47
- その他(ブラウザ) Operaブラウザの文字の自動改行設定はどこにありますか 1 2022/12/16 15:34
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
改行できる・できない入力ボッ...
-
\\n \\r \\t について
-
「:」について
-
<TABLE>セル内の連続した英数字...
-
テーブルの幅を固定するとnowra...
-
画像にリンクを張るとレイアウ...
-
mailtoで本文に改行を入れたい
-
mailto:のリンクで、本文を改行...
-
テキストエリア内の改行禁止
-
XMLの改行方法とリンクの仕方
-
なぜか<p> </p>が挿入され...
-
<br />タグの、brの後の半角ス...
-
ddタグを上手に使うには?
-
preタグがプロの現場であまり使...
-
Windowsのformでtextareaに入力...
-
テキストエリア内の改行もその...
-
<br>、<P> 使い分けについて
-
シェルで特定の文字が消える
-
VBE でスペースと改行を見える...
-
<TD><input type="text"></TD>...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルのセルデータを自動改...
-
テキストエリア内の改行禁止
-
長いURLを途中で改行(折り返す...
-
H1タグに改行の<br>を使う
-
\\n \\r \\t について
-
テーブルの幅を固定するとnowra...
-
テーブル内の文字列を改行させたい
-
<TD><input type="text"></TD>...
-
「:」について
-
PCの画面を縮小したらサイズ...
-
preタグがプロの現場であまり使...
-
改行できる・できない入力ボッ...
-
文字の最後に半角空白が勝手に...
-
Windowsのformでtextareaに入力...
-
XMLの改行方法とリンクの仕方
-
テキストエリア内の改行もその...
-
<br />タグの、brの後の半角ス...
-
htmlで文字列をクリップボード...
-
Hタグを改行禁止にしてspanのよ...
-
VBE でスペースと改行を見える...
おすすめ情報