hr(ホリゾンタル・ルール)要素は段落の区切りを表します。同じセクション内で話題を変えたい場合などに使用します。

話題の変化と同時に文章のセクション自体が変わる場合は、見出しレベルの変更や、セクショニング・コンテンツによって表すべきだが、同一のセクション内で話題を変えたい場合には hr 要素が使用できる。

select 要素内での hr 要素

select 要素内で hr 要素が使用された場合は、区切り文字を表す。例えば、選択肢が多いセレクトメニューにおいて、hr 要素で区切ることで視認性を上げることが期待される。

hr要素説明
カテゴリーフローコンテンツ
コンテンツモデル
使用できる場所フローコンテンツがおける場所
select要素のことして

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段の階段

苔むすお寺で風情があり、奥の院に行く130段の階段は年寄りにはハードな階段でした。3歳年下の友人は、途中で一回休憩をとったの事でした。

帰りがけ、台風7号の影響で雷雨に遭い、土砂降りの雨のため30分ほど足止めにあいましたが、それもいい思い出となりました。

カテゴリー: