Use the <hr> tag to define a thematic change in the content:
コンテンツの主題の変更を定義するためには <hr> タグを使用します:
<h1>HTML</h1>
<p>HTML is a language for describing web pages.....</p>
<hr>
<h1>CSS</h1>
<p>CSS defines how to display HTML elements.....</p>
Try it Yourself ❯
<hr> タグは、HTML ページの主題の切れ目(例えば、トピックの変更)を定義します。
<hr> 要素は、HTML ページでコンテンツを分割(あるいは変更を定義する)するために使用します。
要素 | |||||
---|---|---|---|---|---|
<hr> | Yes | Yes | Yes | Yes | Yes |
HTML5 では、<hr>タグは主題の切れ目を定義します。
HTML 4.01 では、<hr> は横罫線を表します。
しかし、<hr>タグは、まだブラウザには横罫線として表示されますが、現在は表象的用語というよりも、 意味論的用語として定義されています。
すべてのレイアウト属性は、HTML5 から削除されました。代りに CSS を使用してください。
HTML では、<hr> タグには終了タグがありません。
XHTMLでは、<hr> タグを <hr /> のように適切に閉じなければなりません。
属性 | 値 | 説明 |
---|---|---|
align | left center right |
HTML5 ではサポート対象外。 <hr> 要素の配置を指定する |
noshade | noshade | HTML5 ではサポート対象外。 <hr> 要素を影付きの色の代わりに、単色(影なし)でレンダリングすることを指定する |
size | pixels | HTML5 ではサポート対象外。 <hr> 要素の高さを指定する |
width | pixels % |
HTML5 ではサポート対象外。 <hr> 要素の幅を指定する |
<hr> タグは、HTML のグローバル属性もサポートします。
<hr> タグは、HTML のイベント属性もサポートします。
HTML DOM リファレンス:HR オブジェクト
ほとんどのブラウザは、次のデフォルト値を使用して <hr> 要素を表示しています:
hr {
display: block;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right:
auto;
border-style: inset;
border-width: 1px;
}
Try it Yourself ❯