トップページ  > HTML5  > <hr>

★HTML5タグリファレンス

<hr> …… テーマや話題の区切りを表す
Internet Explorer4Internet Explorer5Internet Explorer5-macInternet Explorer5.5Internet Explorer6Internet Explorer7Internet Explorer8Internet Explorer9 Firefox1Firefox2Firefox3Firefox4 Google Chrome1Google Chrome2Google Chrome3Google Chrome4Google Chrome5Google Chrome6 Safari3Safari4Safari5 Opera6Opera7Opera8Opera9Opera10
広告

このページでは、HTML5のhr要素を解説しています。
hr要素の最新情報は、以下を参照してください。

HTML Living Standardリファレンス

<hr>タグは、段落レベルのテーマの区切り、セクション内における話題の区切りを表す際に使用します。

例えば、物語におけるシーンの変わり目や、参考書のセクション内で別の話題に移る箇所などです。

セクション同士の区切りとなる </section>と<section> の間については、すでにそれ自体でテーマの区切りを表しているので、 <hr> を挿入する必要はありません。

■HTML4.01からHTML5へのバージョンアップによる変更点

HTML4.01ではhr要素には非推奨とされながらもalign属性・noshade属性・size属性・width属性が用意されていました。 HTML5ではこれらの属性はすべて廃止されています。

また、hr要素は、HTML 4.01では水平線(horizontal rule)が描画されると定義されていますが、 HTML5ではテーマ・話題の区切りを表す要素であり、水平線の定義はありません。 ただし、一般的なブラウザではHTML5の文書でhr要素を使用した場合にも、当面は今まで通り水平線が描画されると思われます。

■使用例

HTMLソース

<p>吾輩は猫である。名前はまだ無い。</p>
<p>どこで生れたかとんと見当がつかぬ。
何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。</p>
<hr>
<p>吾輩はここで始めて人間というものを見た。
しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であったそうだ。
この書生というのは時々我々を捕えて煮て食うという話である。</p>
<p>しかしその当時は何という考もなかったから別段恐しいとも思わなかった。
ただ彼の掌に載せられてスーと持ち上げられた時何だかフワフワした感じがあったばかりである。</p>
↓↓↓

ブラウザ上の表示

吾輩は猫である。名前はまだ無い。

どこで生れたかとんと見当がつかぬ。 何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。


吾輩はここで始めて人間というものを見た。 しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であったそうだ。 この書生というのは時々我々を捕えて煮て食うという話である。

しかしその当時は何という考もなかったから別段恐しいとも思わなかった。 ただ彼の掌に載せられてスーと持ち上げられた時何だかフワフワした感じがあったばかりである。

広告
Sponsors
広告
MuuMuu Domain!
ドメイン取るならお名前.com
現役エンジニアのオンライン家庭教師【CodeCamp】
サイトに広告を掲載してお小遣いが稼げる!【A8.net】
Node.jsコース
はじめてのプログラミングコース
▲ページ先頭へ
HTMLクイックリファレンスについて
© HTMQ