HR要素：HTMLリファレンス　～2nd New House～

説明

横罫線を表示します。
区切り線として使用するのが一般的かもしれませんが、この要素に区切りという意味があるかどうか微妙です。
仕様書でも水平線をレンダリングさせるとしか書いてませんし。

サポート状況

文書型定義

○: 対応
△: 廃止予定・非推奨
－: 廃止・未対応

HTML										Compact HTML	ISO-HTML
1.0	2.0	2.x	＋	3.0	3.2	4.0 Mobile	4.01 Strict	4.01 Transitional	4.01 Frameset	Compact HTML		Pre
－	○	○	○	○	○	○	○	○	○	○	○	○

XHTML
1.0 Strict	1.0 Transitional	1.0 Frameset	1.1	Basic	MP
○	○	○	○	－	○

ブラウザ

○: 実装
△: 不完全な実装
－: 未実装

Internet Explorer（win）							Netscape（win）						Opera
1.0	2.0	3.0	4.0	5.0	5.5	6.0	1.0	2.0	3.0	4.0	6.0	7.0	6.0	7.0
○	○	○	○	○	○	○	○	○	○	○	○	○	○	○

iMode					J-sky			EZ
1.0	2.0	3.0	4.0	5.0	1.0	2.0	3.0	1.0	2.0
○	○	○	○	○	○	○	○	－	○

要素のデータ

各HTMLバージョンの、開始タグと終了タグのタグ省略の可否、子要素（要素の中身）、親要素、モジュールなど。
子要素の記号の意味はHTMLの要素辞典の見方参照。

HTML 2.0

開始タグ	省略不可
終了タグ	無し
子要素	無し
親要素	BLOCKQUOTE　BODY　FORM　PRE

HTML 2.x

開始タグ	省略不可
終了タグ	無し
子要素	無し
親要素	BLOCKQUOTE　BODY　FORM　PRE

HTML +

開始タグ	省略不可
終了タグ	無し
子要素	無し
親要素	BODY　FORM

HTML 3.0

開始タグ	省略不可
終了タグ	無し
子要素	無し
親要素	BANNER　BODYTEXT　DIV　FIGTEXT　FN　FORM　NOTE　TD　TH

HTML 3.2

開始タグ	省略不可
終了タグ	無し
子要素	無し
親要素	BLOCKQUOTE　BODY　CENTER　DD　DIV　FORM　LI　TD　TH

HTML 4.0 Mobile

開始タグ	省略不可
終了タグ	無し
子要素	無し
親要素	BLOCKQUOTE　BODY　DD　DIV　FIELDSET　FORM　LI　OBJECT

HTML 4.01 Strict

開始タグ	省略不可
終了タグ	無し
子要素	無し
親要素	BLOCKQUOTE　BODY　BUTTON　DD　DEL　DIV　FIELDSET　FORM　INS　LI　MAP　NOSCRIPT　OBJECT　TD　TH

HTML 4.01 Transitional

開始タグ	省略不可
終了タグ	無し
子要素	無し
親要素	APPLET　BLOCKQUOTE　BODY　BUTTON　CENTER　DD　DEL　DIV　FIELDSET　FORM　IFRAME　INS　LI　MAP　NOFRAMES　NOSCRIPT　OBJECT　TD　TH

HTML 4.01 Frameset

開始タグ	省略不可
終了タグ	無し
子要素	無し
親要素	APPLET　BLOCKQUOTE　BODY　BUTTON　CENTER　DD　DEL　DIV　FIELDSET　FORM　IFRAME　INS　LI　MAP　NOSCRIPT　OBJECT　TD　TH

Compact HTML

開始タグ	省略不可
終了タグ	無し
子要素	無し
親要素	BLOCKQUOTE　BODY　CENTER　DD　DIV　FORM　LI

ISO-HTML

開始タグ	省略不可
終了タグ	無し
子要素	無し
親要素	BLOCKQUOTE　BODY　DD　DIV　FIELDSET　FORM　LI　MAP　OBJECT　TD　TH

ISO-HTML Preparation

開始タグ	省略不可
終了タグ	無し
子要素	無し
親要素	BLOCKQUOTE　BODY　DD　DIV　DIV1　DIV2　DIV3　DIV4　DIV5　DIV6　FIELDSET　FORM　LI　MAP　OBJECT　TD　TH

XHTML 1.0 Strict

子要素	無し
親要素	blockquote　body　button　dd　del　div　fieldset　form　ins　li　map　noscript　object　td　th

XHTML 1.0 Transitional

子要素	無し
親要素	applet　blockquote　body　button　center　dd　del　div　fieldset　form　iframe　ins　li　map　noframes　noscript　object　td　th

XHTML 1.0 Frameset

子要素	無し
親要素	applet　blockquote　body　button　center　dd　del　div　fieldset　form　iframe　ins　li　map　noscript　object　td　th

XHTML 1.1

モジュール	Block Phrasal Module，Block Presentation Module
子要素	無し
親要素	blockquote　body　button　dd　del　div　fieldset　form　ins　li　map　noscript　object　td　th

XHTML MP

モジュール	Block Phrasal Module，Block Presentation Module
子要素	無し
親要素	blockquote　body　dd　div　fieldset　form　li　object

属性

◎　＝　必須
○　＝　対応
－　＝　廃止・未対応
（○）　＝　廃止予定・非推奨
TF または F　＝　TransitionalとFrameset、またはFramesetのみ対応
（TF）または（F）　＝　TransitionalとFramesetでまたはFramesetのみ対応しているが非推奨
ブラウザの場合は記号ではなく対応しているバージョンのナンバーを記述しています。
この表に使われる略称についてはHTMLの要素辞典の見方参照。

固有属性

属性名	属性の値	HTML										XHTML				PC Browser			Mobile Browser
属性名	属性の値	1.0	2.0	2.x	＋	3.0	3.2	4.0M	4.01	C	ISO	1.0	1.1	B	MP	IE	NN	O	i	J	Ez
color	色	－	－	－	－	－	－	－	－	－	－	－	－	－	－	3.0	－	－	1.0	1.0	－
color	横罫線の色を指定する。
align	justifi	－	○	－	－	－	－	－	－	－	－	－	－	－	－	－	－	－	－	－	－
	left \| center \| right	－	○	－	－	－	○	－	(TF)	○	－	TF	－	－	○	1.0	1.0	2.1	1.0	1.0	2.0
	表示位置を指定します。 justifi 両端揃え left 左揃え center 中央揃え right 右揃え
clear	CDATA	－	－	－	－	○	－	－	－	－	－	－	－	－	－	－	－	2.1 - 6.0	－	－	－
clear	テキスト・フローをコントロールするための属性。
src	画像のURL	－	－	－	－	○	－	－	－	－	－	－	－	－	－	－	－	－	－	－	－
src	Specifies a custom image for the rule. The image is specified as a URI. This attribute may appear together with the MD attribute.
md	CDATA	－	－	－	－	○	－	－	－	－	－	－	－	－	－	－	－	－	－	－	－
md	リンクしたオブジェクトのメッセージ要約メッセージ要約(例えば要約が、アルゴリズム(この場合MD5)を表示する接頭辞によってコード化され先行されたbase64である場合、md=「md5:jV2OfH+nnXHU8bnkPAad/mSQlTDZ」)。
noshade	noshade	－	－	－	－	－	○	－	(TF)	○	－	TF	－	－	－	1.0	1.0	2.1～3.6 , 7.0	1.0	1.0	－
noshade	横罫線の影を表示しない。
size	ピクセル値	－	－	－	－	－	○	－	(TF)	○	－	TF	－	－	○	1.0	1.0	2.1	1.0	－	2.0
size	横罫線の幅をピクセル単位で指定します。
width	長さ	－	－	－	－	－	○	－	(TF)	－	－	TF	－	－	－	1.0	2.0	2.1	－	－	－
width	横罫線の長さを指定します。

共通属性

属性名	属性の値	HTML										XHTML				PC Browser			Mobile Browser
属性名	属性の値	1.0	2.0	2.x	＋	3.0	3.2	4.0M	4.01	C	ISO	1.0	1.1	B	MP	IE	NN	O	i	J	Ez
datafld	cdata	－	－	－	－	－	－	－	－	－	－	－	－	－	－	5.0	－	－	－	－	－
datafld	データバインド時のデータフィールド名を指定します。
dataformatas	html \| text	－	－	－	－	－	－	－	－	－	－	－	－	－	－	4.0	－	－	－	－	－
dataformatas	データバインド時のデータフォーマットを指定します。
datasrc	cdata	－	－	－	－	－	－	－	－	－	－	－	－	－	－	4.0	－	－	－	－	－
datasrc	データバインド時のデータソース名を指定します。
unselectable	on \| off	－	－	－	－	－	－	－	－	－	－	－	－	－	－	5.5	－	－	－	－	－
unselectable	要素を選択することを禁じられるかどうか明示します。 on 要素の選択を禁止します off 要素の選択を許します（デフォルト）
atomicselection	false \| true	－	－	－	－	－	－	－	－	－	－	－	－	－	－	5.5	－	－	－	－	－
atomicselection	全体で分割不可能なユニットとして要素およびその内容が選択されるに違いないかどうか明示する。 false 要素の内容は個々に選択することができます（デフォルト） true 要素およびその内容は単一のユニットとして単に選択される
language	javascript \| jscript \| vbscript \| vbs	－	－	－	－	－	－	－	－	－	－	－	－	－	－	4.0	－	－	－	－	－
language	スクリプト言語を指定します。
style	スタイルシート	－	－	－	－	－	－	－	○	－	－	○	○	－	○	3.0	4.0	6.0	－	－	2.0
style	スタイルシートを設定します。
class	クラス名（NAME）	－	－	－	－	○	－	－	－	－	－	－	－	－	－	3.0	4.0	6.0	－	－	2.0
	クラス名（CDATA）	－	－	－	－	－	－	－	○	－	○	○	－	－	－
	クラス名（NMTOKENS）	－	－	－	－	－	－	－	－	－	－	－	－	－	○
	要素のクラス名を設定します。
id	ID	－	－	－	－	○	－	－	○	－	○	○	－	－	○	3.0	4.0	6.0	－	－	2.0
id	文書規模で一意的なIDを設定します。
title	テキスト	－	－	－	－	－	－	－	○	－	○	○	○	－	○	4.0	6.0	6.0	－	－	2.0
title	要素に対して補助的な情報を記述します。
accesskey	１文字	－	－	－	－	－	－	－	－	－	－	－	－	－	－	5.0	－	－	－	－	－
accesskey	要素部分にショートカット・キーを割り当てます。
tabindex	数値	－	－	－	－	－	－	－	－	－	－	－	－	－	－	5.0	－	－	－	－	－
tabindex	TABキーを押した時に移動するフォーカスの順番を指定します。
lang	言語コード	－	－	－	－	○	－	－	○	－	○	○	－	－	－	4.0	6.0	－	－	－	－
lang	要素の内容と属性の値の言語を指定します。
dir	ltr \| rtl	－	－	－	－	－	－	－	○	－	○	○	－	－	－	5.0	6.0	7.2	－	－	－
dir	要素に含まれる文字の文字方向を指定します。 ltr 左から右へ rtl 右から左へ
xml:lang	言語コード	－	－	－	－	－	－	－	－	－	－	○	○	－	○	－	－	－	－	－	－
xml:lang	要素の内容と属性の値の言語を指定します。
xmlns	URL	－	－	－	－	－	－	－	－	－	－	－	○	－	○	－	－	－	－	－	－
xmlns	XMLのネームスペースのURLを指定します。 XHTML 1.1、XHTML Besic、XHTML Mobile Profileの値は'http://www.w3.org/1999/xhtml'

イベント属性

イベント属性名	HTML	XHTML		IE	NN	O	イベント発生状況
イベント属性名	4.01	1.0	1.1	IE	NN	O	イベント発生状況
onbeforecut	－	－	－	5.0	－	－	カットする前。
onbeforepaste	－	－	－	5.0	－	－	ペーストする前。
onbeforeupdate	－	－	－	4.0	－	－	データ送信前。
onblur	－	－	－	4.0	3.0	－	フォーカスを失ったとき。
onclick	○	○	○	4.0	6.0	6.0	クリックしたとき。
oncontextmenu	－	－	－	5.0	－	－	右ボタンが押されたとき。
oncopy	－	－	－	4.0	－	－	コピーしたとき。
oncut	－	－	－	5.0	－	－	カットしたとき。
ondblclick	○	○	○	4.0	6.0	6.0	ダブルクリックしたとき。
ondrag	－	－	－	4.0	－	－	ドラッグしたとき。
ondragend	－	－	－	4.0	－	－	ドラッグが終了したとき。
ondragenter	－	－	－	4.0	－	－	ドロップ可能オブジェクト上に重なったとき。
ondragleave	－	－	－	4.0	－	－	ドロップ可能オブジェクト上にあるとき。
ondragover	－	－	－	4.0	－	－	ドロップ可能オブジェクト上に乗ったとき。
ondragstart	－	－	－	4.0	－	－	ドラッグを開始したとき。
ondrop	－	－	－	4.0	－	－	ドラッグドロップしたとき。
onfocus	－	－	－	4.0	－	－	フォーカスされたとき。
onhelp	－	－	－	4.0	－	－	ヘルプキーまたはF1キーが押されたとき。
onkeydown	○	○	○	4.0	－	6.0	キーが押されたとき。
onkeypress	○	○	○	4.0	－	6.0	キーが押され続けているとき。
onkeyup	○	○	○	4.0	－	6.0	キーが離されたとき。
onlosecapture	－	－	－	4.0	－	－	マウスイベント取得状態が変化したとき。
onmousedown	○	○	○	4.0	6.0	6.0	マウスボタンが押されたとき。
onmousemove	○	○	○	4.0	6.0	6.0	マウスが移動したとき。
onmouseout	○	○	○	4.0	6.0	6.0	マウスが離れたとき。
onmouseover	○	○	○	4.0	6.0	6.0	マウスが重なったとき。
onmouseup	○	○	○	4.0	6.0	6.0	マウスボタンが離れたとき。
onpaste	－	－	－	4.0	－	－	ペーストしたとき。
onpropertychange	－	－	－	4.0	－	－	プロパティが変更されたとき。
onreadystatechange	－	－	－	5.0	－	－	状態が変更されたとき。
onresize	－	－	－	4.0	－	－	リサイズされたとき。
onrowenter	－	－	－	4.0	－	－	行が変更されたとき。
onrowexit	－	－	－	4.0	－	－	行が変更される前。
onselectstart	－	－	－	4.0	－	－	選択を開始したとき。

使用例


<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
        "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
  <title>HR要素 使用例</title>
</head>
<body>
  <p>あいうえお</p>
  <hr />
  <p>かきくけこ</p>
</body>
</html>

表示結果を見る

DTDとか

HTML2.0

<!ELEMENT HR    - O EMPTY>
<!ATTLIST HR
        %SDAPREF; "&#RE;&#RE;"
        >

HTML2.x

   <!ELEMENT HR    - O EMPTY>
   <!ATTLIST HR
           %just;
           %SDAPREF; "&#RE;&#RE;"
           >

HTML+

<!ELEMENT HR - O EMPTY -- Horizontal Rule -->

HTML3.0

<!ELEMENT HR    - O EMPTY -- customizable horizontal rule -->
<!ATTLIST HR
        %attrs;
        src     %URI;   #IMPLIED -- URI of custom rule graphic --
        %url.link;               -- standard link attributes --
        %needs; -- for control of text flow --
        >

HTML3.2

<!ELEMENT HR    - O EMPTY>
<!ATTLIST HR
        align (left|right|center) #IMPLIED
        noshade (noshade) #IMPLIED
        size  %Pixels #IMPLIED
        width %Length #IMPLIED
        >

HTML 4.0 Mobile

<!ELEMENT HR - O EMPTY -- horizontal rule -->
<!ATTLIST HR
  %attrs;                              -- %coreattrs, %i18n, %events --
  >

HTML 4.01 Strict

<!ELEMENT HR - O EMPTY -- horizontal rule -->
<!ATTLIST HR
  %attrs;                              -- %coreattrs, %i18n, %events --
  >

HTML 4.01 Transitional

<!ELEMENT HR - O EMPTY -- horizontal rule -->
<!ATTLIST HR
  %attrs;                              -- %coreattrs, %i18n, %events --
  align       (left|center|right) #IMPLIED
  noshade     (noshade)      #IMPLIED
  size        %Pixels;       #IMPLIED
  width       %Length;       #IMPLIED
  >

HTML 4.01 Frameset

<!ELEMENT HR - O EMPTY -- horizontal rule -->
<!ATTLIST HR
  %attrs;                              -- %coreattrs, %i18n, %events --
  align       (left|center|right) #IMPLIED
  noshade     (noshade)      #IMPLIED
  size        %Pixels;       #IMPLIED
  width       %Length;       #IMPLIED
  >

Compact HTML

<![ %iMode.40 [
<!ENTITY % hr.color "color %color; #IMPLIED">
]]>
<![ %doti.10 [
<!ENTITY % hr.color "color %color; #IMPLIED">
]]>
<!ENTITY % hr.color "">

<![ %iMode.10 [
<!ENTITY % hr.noshade "">
]]>
<!ENTITY % hr.noshade "noshade (noshade) #IMPLIED">

<!ELEMENT HR    - O EMPTY>
<!ATTLIST HR
        align (left|right|center) #IMPLIED
        size  %Pixels;    #IMPLIED
        width %Length;    #IMPLIED
        %hr.noshade;
        %hr.color;
        >

ISO/IEC 15445(ISO-HTML)

<!ELEMENT HR          - O  EMPTY >

<!ATTLIST HR
    %core;                         -- Element CLASS, ID and TITLE --
    %i18n;                         -- Internationalization DIR and LANG -->

XHTML 1.0 Strict

<!ELEMENT hr EMPTY>
<!ATTLIST hr
  %attrs;
  >

XHTML 1.0 Transitional

<!ELEMENT hr EMPTY>
<!ATTLIST hr
  %attrs;
  align       (left|center|right) #IMPLIED
  noshade     (noshade)      #IMPLIED
  size        %Pixels;       #IMPLIED
  width       %Length;       #IMPLIED
  >

XHTML 1.0 Frameset

<!ELEMENT hr EMPTY>
<!ATTLIST hr
  %attrs;
  align       (left|center|right) #IMPLIED
  noshade     (noshade)      #IMPLIED
  size        %Pixels;       #IMPLIED
  width       %Length;       #IMPLIED
  >

XHTML 1.1

<!ENTITY % hr.element  "INCLUDE" >
<![%hr.element;[
<!ENTITY % hr.content  "EMPTY" >
<!ENTITY % hr.qname  "hr" >
<!ELEMENT %hr.qname;  %hr.content; >
<!-- end of hr.element -->]]>

<!ENTITY % hr.attlist  "INCLUDE" >
<![%hr.attlist;[
<!ATTLIST %hr.qname;
      %Common.attrib;
>
<!-- end of hr.attlist -->]]>

XHTML Mobile Profile

<!ENTITY % hr.element  "INCLUDE" >
<![%hr.element;[
<!ENTITY % hr.content  "EMPTY" >
<!ENTITY % hr.qname  "hr" >
<!ELEMENT %hr.qname;  %hr.content; >
<!-- end of hr.element -->]]>

<!ENTITY % hr.attlist  "INCLUDE" >
<![%hr.attlist;[
<!ATTLIST %hr.qname;
      %Common.attrib;
>
<!-- end of hr.attlist -->]]>

Internet Explorer（win）							Netscape（win）						Opera
1.0	2.0	3.0	4.0	5.0	5.5	6.0	1.0	2.0	3.0	4.0	6.0	7.0	6.0	7.0
○	○	○	○	○	○	○	○	○	○	○	○	○	○	○

iMode					J-sky			EZ
1.0	2.0	3.0	4.0	5.0	1.0	2.0	3.0	1.0	2.0
○	○	○	○	○	○	○	○	－	○

Internet Explorer（win）							Netscape（win）						Opera
1.0	2.0	3.0	4.0	5.0	5.5	6.0	1.0	2.0	3.0	4.0	6.0	7.0	6.0	7.0
○	○	○	○	○	○	○	○	○	○	○	○	○	○	○

iMode					J-sky			EZ
1.0	2.0	3.0	4.0	5.0	1.0	2.0	3.0	1.0	2.0
○	○	○	○	○	○	○	○	－	○

<HR>（横罫線：Horizontal Rule）

説明

サポート状況

文書型定義

ブラウザ

要素のデータ

HTML 2.0

HTML 2.x

HTML +

HTML 3.0

HTML 3.2

HTML 4.0 Mobile

HTML 4.01 Strict

HTML 4.01 Transitional

HTML 4.01 Frameset

Compact HTML

ISO-HTML

ISO-HTML Preparation

XHTML 1.0 Strict

XHTML 1.0 Transitional

XHTML 1.0 Frameset

XHTML 1.1

XHTML MP

属性

固有属性

共通属性

イベント属性

使用例

DTDとか

Internet Explorer（win）							Netscape（win）						Opera
1.0	2.0	3.0	4.0	5.0	5.5	6.0	1.0	2.0	3.0	4.0	6.0	7.0	6.0	7.0
○	○	○	○	○	○	○	○	○	○	○	○	○	○	○

iMode					J-sky			EZ
1.0	2.0	3.0	4.0	5.0	1.0	2.0	3.0	1.0	2.0
○	○	○	○	○	○	○	○	－	○