HTML

【hr】段落の変わり目

みいと

段落の変わり目

hr要素は段落レベルでのテーマの区切り・変わり目をあらわします。

注意点

hr要素を使う場合は、下記の点に注意しましょう。

  • 区切り線を引く目的で使用しない
  • セクションの区切りに使用しない

区切り線を引く目的で使用しない

hr要素は、以前は区切り線(横罫線)を引くための要素でした。

hr要素を使用すると、ブラウザ上では区切り線が表示されますが、区切り線を引く目的で使用しないようにしましょう。

セクションの区切りに使用しない

セクションは主題の区切りをあらわすので、セクションをあらわす要素の間にhr要素を使用する必要はありません

<section>
1つ目のセクション
</section>
<hr>
<section>
2つ目のセクション
</section>

hr要素は、あくまで段落レベルの区切りとして使用するようにしましょう。

<p>
1つ目の段落
</p>
<hr>
<p>
2つ目の段落
</p>

段落の変わり目のまとめ

hr要素は、段落レベルのテーマの区切りや変わり目をあらわします。

セクションの間に使用しないように気をつけましょう。

まとめ
  • hr要素は段落レベルのテーマの区切り・変わり目をあらわす
  • hr要素はセクションの間に使用しない
  • 区切り線を引く目的でhr要素を使用しない
ABOUT ME
みいと
みいと
興味を持ったものをいろいろと勉強しています。
記事URLをコピーしました