テーマの区切りを表すには?
hrタグの書式
hrタグに対応しているブラウザ
※Windows 7上で動作確認を行っています。
※ブラウザの設定より、異なる挙動をする場合があります。
hrタグの属性一覧
hrタグの解説
<hr>は、テーマの区切りを表すための要素です。
例えば、物語のシーンの変わり目や、別のトピックへの変わり目を表すときに利用できます。
通常は横罫線として表示されます。
なお、<hr>には終了タグがありません。
<hr>における「align」「width」「noshade」「size」「color」の各属性は廃止されましたので、代わりにCSSを使用してください。
hrタグのサンプルソース1
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>サンプル1</title>
</head>
<body>
<header>
<h1>社内マニュアル</h1>
</header>
<section>
<h1>エアコンについて</h1>
<p>節電のため、室内温度は下記のように設定します。</p>
<dl>
<dt>夏場</dt>
<dd>28℃</dd>
<dt>冬場</dt>
<dd>20℃</dd>
</dl>
<hr>
<p>業者が毎月エアコンの点検を行います。</p>
</section>
<footer>
<p><small>社外持ち出しを禁止します。</small></p>
</footer>
</body>
</html>
hrタグのサンプル画面1
hrタグのサンプルソース2
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>サンプル2</title>
</head>
<body>
<header>
<h1>大空温泉街について</h1>
</header>
<p>今回は、大空温泉街を紹介します。</p>
<section>
<h1>宿泊</h1>
<p>
大空温泉街には15軒の温泉宿があります。昔ながらの木造旅館が建ち並ぶ温泉街で、
一般的な温泉街とは異なる、独特の雰囲気を楽しむことができます。
</p>
</section>
<section>
<h1>泉質</h1>
<p>
泉質は炭酸水素塩泉となります。療養泉としての効能は、切り傷、火傷、筋肉痛、皮ふ病となっており、
また、美肌効果もあると言われています。
</p>
</section>
<hr>
<p>早めの予約をお勧めします。</p>
<footer>
<p><small>無断転載を禁止します。</small></p>
</footer>
</body>
</html>
hrタグのサンプル画面2
hrタグの関連項目