【hr】段落の変わり目

段落の変わり目

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

注意点

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

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

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

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

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

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

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

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

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

段落の変わり目のまとめ

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

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

みいと

TwitterContact

興味を持ったものをいろいろと勉強しています。