ＨＴＭＬで <p>～</p>内で2回以上連続で改行する方法

ＨＴＭＬで　<p>～</p>内で2回以上連続で改行する方法
を教えてもらえないでしょうか

<br>を2回連続で使うのは　文法上おかしいと
知りました。

通常は<p>～</p><p>～</p>
にして段落を2つに分けると思うのですが
それではなく　1行空欄をあけたいのです。

（文章から段落を分けるのは違うからです）

よろしくお願いいたします。

質問者からの補足コメント

• 

  ありがとうございます
  
  ＳＥＯを意識してのことです。
  グーグルは文法がおかしいと認識すると知りました。
  
  こういったことは、なくないと思うのですが
  プロの方はどうやっているですかね？
  
  ＜当該部分をspan要素などにしておいて、
  ＜　display: block;
  ＜　margin-bottom: 1em;
  ＜としておけば、下部が1行空きになるでしょう。
  ＜（上部を1行空きにするのでも同様）
  
  すいません、当方、詳しくないので
  どうコードを書けばいいのか教えてもらえないでしょうか
  （span要素とかも　よく分かりません）
  
  ただ単純に<p>～</p>に
  display: block;
  margin-bottom: 1em;
  を挿入すればいいのでしょうか？
  
  すいませんがよろしくお願いいたします。

  No.2の回答に寄せられた補足コメントです。 補足日時：2022/03/04 16:16

• 

  ありがとうございます。
  なるほど、神経質になりすぎですかね？
  
  他にも画像を縦に並べる際のスペースや
  その他のスペースも
  <br />やを使えばいいものでしょうか？
  
  ＊は　<p></p>にしなくていいですか？
  
  申し訳ございませんがよろしくお願いいたします。

  No.3の回答に寄せられた補足コメントです。 補足日時：2022/03/04 16:32

• 

  ありがとうございます。
  
  ＜＊の意味が解りませんが
  ＊は注　という意図で書きました、深い意味はありません
  
  ＜pタグ内に<br />が有ったら、改行を含む
  
  改行だけではなく文字列間のスペースにも
  使っても何の問題もないという理解でいいですか？
  例えば
  
  あいうえお
  かきくけこ
  
  
  さしすせそ
  
  か行とさ行で2行のスペースがありますが
  それを<br />で実現するといったことです
  
  その他、スペースを空けたい場合は
  特に気にせず<br />を使えばいいんですね？
  
  申し訳ございませんがよろしくお願いいたします。

  No.4の回答に寄せられた補足コメントです。 補足日時：2022/03/04 17:39

No.5 ベストアンサー 回答者： t_fumiaki 回答日時： 2022/03/04 18:25

>>改行だけではなく文字列間のスペースにも

使っても何の問題もないという理解でいいですか？

はい。上下間だと思いますが問題は有りません。
googleはそんな事は問題にしていません。
些細な事なんです。

この回答へのお礼

ありがとうございました。

お礼日時：2022/03/04 19:51

No.4 回答者： t_fumiaki 回答日時： 2022/03/04 16:49

<br />は1行なので、細かなスペースはmarginやpaddingを使えば良いと思います。

pタグは段落タグですから、文字はpタグで囲う、なんて言う規約は有りません。

table要素の文字列、pタグでなんかで囲ってないでしょ？

pタグ内に<br />が有ったら、改行を含む文字列全体の塊を段落にする訳なので、それで良いと思います。

>>＊は　<p></p>にしなくていいですか？
＊の意味が解りませんが、文字だとして、＊がブラウザで意図通りに表示されるのならpタグは要りません。

No.3 回答者： t_fumiaki 回答日時： 2022/03/04 16:21

SEOを意識して、と言ってますがgoogleはそんな枝葉なんか問題視してません。

<br />を使えば良いのです。

文法上は変だと言い張っても、ブラウザはチャント対応していて、googleも問題視してないのだから、言い張る必要性は有りません。

No.2 回答者： fujillin 回答日時： 2022/03/04 15:46

こんにちは

単純に、該当するbr要素に
　margin-bottom: 1em;
としても1行空きにはなりますが、どうやらブラウザ依存のようです。
（fxは1行空けるが、Chromeは無視するようです）

共通で認識させるには、preで整形済みテキストとして表示するとか。
あるいは、当該部分をspan要素などにしておいて、
　display: block;
　margin-bottom: 1em;
としておけば、下部が1行空きになるでしょう。
（上部を1行空きにするのでも同様）

空行を存在する行として記述したいのなら、1行分のpreや空spanを記述するとかでも実現可能でしょう。
（これだと、brを重ねるのと同じようなものですが・・）

＞それではなく　1行空欄をあけたいのです
1行空いていれば、視覚的には段落のような気がしますけれど・・・

No.1 回答者： ぐーるぐる 回答日時： 2022/03/04 15:18

brでしょ。

https://job-support.ne.jp/blog/html/howto-tag-br-p

この回答へのお礼

ありがとうございました。

お礼日時：2022/03/04 16:16