HTML - hr 要素

概要

名前
hr
カテゴリー
Flow content
配置できる場所
Flow content が期待される場所。
コンテンツモデル
空要素のため、子ノードを持ちません。
説明
hr 要素は、HTML5 で要素の意味と役割が大きく変更された要素です。HTML4.01 や XHTML1.0 では、横罫線を表示させる要素でしたが、HTML5 からは主題の「変わり目」や「区切り」を表す要素となりました。ただし、セクションはそれ自身が内容の区切りを表すため、セクションを区切るために hr 要素を使用するべきではありません。hr 要素は段落レベルにおいての区切りとして用いるべきです。
タグの省略
開始タグも終了タグも省略できません。
DOM Interface
HTMLHRElement
仕様書
仕様書策定状況コメント
LS:現行の標準
REC:勧告
REC:勧告
サポートブラウザ
ie
IE
edge
Edge
firefox
Firefox
chrome
Chrome
safari
Safari
opera
Opera
safari
iOS Safari
android
Android
1
○:Support ×:Not Support ?:未定義 n:以降の Version で Support

属性

サポートブラウザ
属性名 ie
IE
edge
Edge
firefox
Firefox
chrome
Chrome
safari
Safari
opera
Opera
safari
iOS Safari
android
Android
align1
color1
noshade1
size1
width1
○:Support ×:Not Support ?:未定義 n:以降の Version で Support
グローバル属性
すべての要素で共通に利用できるグローバル属性を指定できます。

非推奨の属性

以下の属性は非推奨、非標準、実験的、または廃止された属性のため、使用しないでください。

align
非推奨。新しいウェブサイトでは使用しないでください。
非標準。ブラウザ間の互換性が低い可能性があります。
color
非推奨。新しいウェブサイトでは使用しないでください。
非標準。ブラウザ間の互換性が低い可能性があります。
noshade
非推奨。新しいウェブサイトでは使用しないでください。
非標準。ブラウザ間の互換性が低い可能性があります。
size
非推奨。新しいウェブサイトでは使用しないでください。
非標準。ブラウザ間の互換性が低い可能性があります。
width
非推奨。新しいウェブサイトでは使用しないでください。
非標準。ブラウザ間の互換性が低い可能性があります。

サンプルコード

hr 要素のサンプルコードは以下のとおりです。

<p>
  ...
</p>

<hr>

<p>
  ...
</p>
hr 要素のサンプルコード

関連記事

HTML の全般的な記事はHTML タグの基本と使い方を参照してください。

Category:
プログラミング
公開日:
更新日:
Pageviews:
12
Shares:
0
Tag:
HTML
hatebu icon
hatebu