<hr>
hr(ホリゾンタル・ルール)要素は段落の区切りを表します。同じセクション内で話題を変えたい場合などに使用します。
話題の変化と同時に文章のセクション自体が変わる場合は、見出しレベルの変更や、セクショニング・コンテンツによって表すべきだが、同一のセクション内で話題を変えたい場合には hr 要素が使用できる。
select 要素内での hr 要素
select 要素内で hr 要素が使用された場合は、区切り文字を表す。例えば、選択肢が多いセレクトメニューにおいて、hr 要素で区切ることで視認性を上げることが期待される。
hr要素で使用できる属性
グローバル属性
すべてのHTML要素で使用できる属性になります。
使用例
<article>
<h1>福島県旅行の二日目は石川町の親戚の家を探してみようと思う!。</h1>
<p>親戚の家を探す前に、石川町の石都々古和気神社(いわつつこわけじんじゃ)を観光と、お参りをしてから・・・。</p>
<p>参拝の後、社務所により、お札と、御守りをいただきました。</p>
<hr>
<h1>親戚の家を探した後は、白河の関趾を観光しました。</h1>
<p>白川の関趾の近くの農村レストラン 白川関で昼食を取る。</p>
<p>天ざるそば¥1,480を食べたところ、そばがコシがあってまぁまぁの味でした。他のメニューが無かったのは残念でした。</p>
<hr>
<h1>午後は、石堂山徳善院(山本不動尊)を観光してみました。</h1>
<figure>
<figcaption>石堂山徳善院(山本不動尊)奥の院</figcaption>
<img src="https://./IMG_0947.webp" alt="石堂山徳善院(山本不動尊)の130段の階段">
</figure>
<hr>
<p>苔むすお寺で風情があり、奥の院に行く130段の階段は年寄りにはハードな階段でした。3歳年下の友人は、途中で一回休憩をとったの事でした。</p>
<p>帰りがけ、台風7号の影響で雷雨に遭い、土砂降りの雨のため30分ほど足止めにあいましたが、それもいい思い出となりました。</p>
</article>
表示
福島県旅行の二日目は石川町の親戚の家を探してみようと思う!。
親戚の家を探す前に、石川町の石都々古和気神社(いわつつこわけじんじゃ)を観光と、お参りをしてから・・・。
参拝の後、社務所により、お札と、御守りをいただきました。
親戚の家を探した後は、白河の関趾を観光しました。
白川の関趾の近くの農村レストラン 白川関で昼食を取る。
天ざるそば¥1,480を食べたところ、そばがコシがあってまぁまぁの味でした。他のメニューが無かったのは残念でした。
午後は、石堂山徳善院(山本不動尊)を観光してみました。
苔むすお寺で風情があり、奥の院に行く130段の階段は年寄りにはハードな階段でした。3歳年下の友人は、途中で一回休憩をとったの事でした。
帰りがけ、台風7号の影響で雷雨に遭い、土砂降りの雨のため30分ほど足止めにあいましたが、それもいい思い出となりました。