Edit

Page

Page title:

Page body:

* [CODE(HTMLe)@en[hr]] 要素 (HTML)

[63] 
[[HTML]] の [DFN[[CODE(HTMLe)@en[[[hr]]]] [[要素]]]]は、
[[段落]]レベルでの区切れ目を表します。
例えば、[[小説]]の途中の場面の変わり目を表すために使うことができます。
[SRC@en[[[HTML 5]]]]

@@ 
[64] この[[要素]]の[[意味]]は [[HTML 5]]
で改められました。しかし [[HTML 5]] は未完成で、
今後更に定義が改められる可能性もあります。
また、この項の説明はまだ必ずしも [[HTML 5]]
の新しい定義に則っていません。

[9]
:[[名前空間URI]]:[CODE(URI)@en[[[http://www.w3.org/1999/xhtml]]]]
:[[局所名]]:[CODE(HTMLe)@en[[[hr]]]]
([Q@en[horizontal rule]] ([Q[[[水平線]]]]) より)
:種類:[[ブロック水準要素]] (>>67)
:[[開始タグ]]:必須
:[[終了タグ]]:禁止
:[[内容モデル]]:[[空]]
:文脈:[[ブロック水準要素]]が認められる場所 (>>67)
:[[属性]]:
,属性名	,属性値	,既定値	,説明	,出典
,[CODE(HTMLa)[[[accesskey]]]]	,	,	,	,[WinIE]
,[CODE(HTMLa)[[[align]]]]	,	,[CODE(HTML)[[[center]]]]	,配置	,"[HTML 2.x] %[[just]], [HTML 3.2], [HTML 4] 非推奨, [XHTML 1.0] 非推奨"
,[CODE(HTMLa)[[[atomicselection]]]]	,	,[CODE(HTML)[[[false]]]]	,	,[WinIE]
,[CODE(HTMLa)[[[begin]]]]	,	,	,	,[WinIE] [[HTML+TIME]]
,[CODE(HTMLa)[[[class]]]]	,	,	,[[級]]	,"[HTML 4] %[[coreattr]], [ISO-HTML] %[[core]], [XHTML 1] [[Core]] ⊂ [[Common]]"
,[CODE(HTMLa)[[[color]]]]	,[CODE(SGML)[%[[Color]]]]	,	,色	,"[WinIE], [iモード 4.0]"
,[CODE(HTMLa)[[[dir]]]]	,	,	,[[書字方向]]	,"[HTML 4] %[[i18n]], [ISO-HTML] %[[i18n]], [XHTML 1] [[I18N]] ⊂ Common"
,[CODE(HTMLa)[[[end]]]]	,	,	,	,[WinIE] [[HTML+TIME]]
,[CODE(HTMLa)[[[hidefocus]]]]	,	,[CODE(HTMLa)[[[false]]]]	,	,[WinIE]
,[CODE(HTMLa)[[[id]]]]	,	,	,一意識別子	,"[HTML 4] %coreattr, [ISO-HTML] %core, [XHTML 1] Core ⊂ Common"
,[CODE(HTMLa)[[[invertborder]]]]	,(真偽値属性)	,(偽)	,盛上り	,[WebTV]
,[CODE(HTMLa)[[[label]]]]	,[CODE(SGML)[%[[Text]]]]	,(なし)	,	,[[Emacs/W3]]
,[CODE(HTMLa)[[[lang]]]]	,	,	,[[自然言語]]	,"[HTML 4] %i18n, [ISO-HTML] %i18n, [XHTML 1] 遺物"
,[CODE(HTMLa)[[[xml]]:lang]]	,	,	,自然言語	,[XHTML 1] I18N ⊂ Common
,[CODE(HTMLa)[[[language]]]]	,	,	,スクリプト言語	,[WinIE]
,[CODE(HTMLa)[[[noshade]]]]	,([[真偽値属性]])	,([[偽]])	,影無し	,"[HTML 3.2], [HTML 4] 非推奨, [XHTML 1.0] 非推奨"
,[CODE(HTMLa)[[[onactivate]]]]	,[CODE(SGML)[%[[Script]]]]	,(なし)	,	,[WinIE]
,[CODE(HTMLa)[[[onbeforeactivate]]]]	,[CODE(SGML)[%[[Script]]]]	,(なし)	,	,[WinIE]
,[CODE(HTMLa)[[[onbeforecut]]]]	,[CODE(SGML)[%[[Script]]]]	,(なし)	,	,[WinIE]
,[CODE(HTMLa)[[[onbeforedeactivate]]]]	,[CODE(SGML)[%[[Script]]]]	,(なし)	,	,[WinIE]
,[CODE(HTMLa)[[[onbeforepaste]]]]	,[CODE(SGML)[%[[Script]]]]	,(なし)	,	,[WinIE]
,[CODE(HTMLa)[[[onblur]]]]	,[CODE(SGML)[%[[Script]]]]	,(なし)	,	,[WinIE]
,[CODE(HTMLa)[[[onclick]]]]	,	,	,	,"[HTML 4] %[[events]], [[Events]] ⊂ Common"
,[CODE(HTMLa)[[[oncontextmenu]]]]	,[CODE(SGML)[%[[Script]]]]	,(なし)	,	,[WinIE]
,[CODE(HTMLa)[[[oncontrolselect]]]]	,[CODE(SGML)[%[[Script]]]]	,(なし)	,	,[WinIE]
,[CODE(HTMLa)[[[oncopy]]]]	,[CODE(SGML)[%[[Script]]]]	,(なし)	,	,[WinIE]
,[CODE(HTMLa)[[[oncut]]]]	,[CODE(SGML)[%[[Script]]]]	,(なし)	,	,[WinIE]
,[CODE(HTMLa)[[[ondblclick]]]]	,	,	,	,"[HTML 4] %events, Events ⊂ Common"
,[CODE(HTMLa)[[[ondeactivate]]]]	,[CODE(SGML)[%[[Script]]]]	,(なし)	,	,[WinIE]
,[CODE(HTMLa)[[[ondrag]]]]	,[CODE(SGML)[%[[Script]]]]	,(なし)	,	,[WinIE]
,[CODE(HTMLa)[[[ondragend]]]]	,[CODE(SGML)[%[[Script]]]]	,(なし)	,	,[WinIE]
,[CODE(HTMLa)[[[ondragenter]]]]	,[CODE(SGML)[%[[Script]]]]	,(なし)	,	,[WinIE]
,[CODE(HTMLa)[[[ondragleave]]]]	,[CODE(SGML)[%[[Script]]]]	,(なし)	,	,[WinIE]
,[CODE(HTMLa)[[[ondragover]]]]	,[CODE(SGML)[%[[Script]]]]	,(なし)	,	,[WinIE]
,[CODE(HTMLa)[[[ondragstart]]]]	,[CODE(SGML)[%[[Script]]]]	,(なし)	,	,[WinIE]
,[CODE(HTMLa)[[[ondrop]]]]	,[CODE(SGML)[%[[Script]]]]	,(なし)	,	,[WinIE]
,[CODE(HTMLa)[[[onfocus]]]]	,[CODE(SGML)[%[[Script]]]]	,(なし)	,	,[WinIE]
,[CODE(HTMLa)[[[onfocusin]]]]	,[CODE(SGML)[%[[Script]]]]	,(なし)	,	,[WinIE 6]
,[CODE(HTMLa)[[[onfocusout]]]]	,[CODE(SGML)[%[[Script]]]]	,(なし)	,	,[WinIE 6]
,[CODE(HTMLa)[[[onhelp]]]]	,[CODE(SGML)[%[[Script]]]]	,(なし)	,	,[WinIE]
,[CODE(HTMLa)[[[onkeydown]]]]	,	,	,	,"[HTML 4] %events, Events ⊂ Common"
,[CODE(HTMLa)[[[onkeypress]]]]	,	,	,	,"[HTML 4] %events, Events ⊂ Common"
,[CODE(HTMLa)[[[onkeyup]]]]	,	,	,	,"[HTML 4] %events, Events ⊂ Common"
,[CODE(HTMLa)[[[onlayoutcomplete]]]]	,[CODE(SGML)[%[[Script]]]]	,(なし)	,	,[WinIE]
,[CODE(HTMLa)[[[onlosecapture]]]]	,[CODE(SGML)[%[[Script]]]]	,(なし)	,	,[WinIE]
,[CODE(HTMLa)[[[onmousedown]]]]	,	,	,	,"[HTML 4] %events, Events ⊂ Common"
,[CODE(HTMLa)[[[onmouseenter]]]]	,[CODE(SGML)[%[[Script]]]]	,(なし)	,	,[WinIE]
,[CODE(HTMLa)[[[onmouseleave]]]]	,[CODE(SGML)[%[[Script]]]]	,(なし)	,	,[WinIE]
,[CODE(HTMLa)[[[onmousemove]]]]	,	,	,	,"[HTML 4] %events, Events ⊂ Common"
,[CODE(HTMLa)[[[onmouseout]]]]	,	,	,	,"[HTML 4] %events, Events ⊂ Common"
,[CODE(HTMLa)[[[onmouseover]]]]	,	,	,	,"[HTML 4] %events, Events ⊂ Common"
,[CODE(HTMLa)[[[onmouseup]]]]	,	,	,	,"[HTML 4] %events, Events ⊂ Common"
,[CODE(HTMLa)[[[onmousewheel]]]]	,[CODE(SGML)[%[[Script]]]]	,(なし)	,	,[WinIE 6]
,[CODE(HTMLa)[[[onmove]]]]	,[CODE(SGML)[%[[Script]]]]	,(なし)	,	,[WinIE]
,[CODE(HTMLa)[[[onmoveend]]]]	,[CODE(SGML)[%[[Script]]]]	,(なし)	,	,[WinIE]
,[CODE(HTMLa)[[[onmovestart]]]]	,[CODE(SGML)[%[[Script]]]]	,(なし)	,	,[WinIE]
,[CODE(HTMLa)[[[onpaste]]]]	,[CODE(SGML)[%[[Script]]]]	,(なし)	,	,[WinIE]
,[CODE(HTMLa)[[[onpropertychange]]]]	,[CODE(SGML)[%[[Script]]]]	,(なし)	,	,[WinIE]
,[CODE(HTMLa)[[[onreadystatechange]]]]	,[CODE(SGML)[%[[Script]]]]	,(なし)	,	,[WinIE]
,[CODE(HTMLa)[[[onresize]]]]	,[CODE(SGML)[%[[Script]]]]	,(なし)	,	,[WinIE]
,[CODE(HTMLa)[[[onresizeend]]]]	,[CODE(SGML)[%[[Script]]]]	,(なし)	,	,[WinIE]
,[CODE(HTMLa)[[[onresizestart]]]]	,[CODE(SGML)[%[[Script]]]]	,(なし)	,	,[WinIE]
,[CODE(HTMLa)[[[onrowenter]]]]	,[CODE(SGML)[%[[Script]]]]	,(なし)	,	,[WinIE] 廃止?
,[CODE(HTMLa)[[[onrowexit]]]]	,[CODE(SGML)[%[[Script]]]]	,(なし)	,	,[WinIE] 廃止?
,[CODE(HTMLa)[[[onselectstart]]]]	,[CODE(SGML)[%[[Script]]]]	,(なし)	,	,[WinIE]
,[CODE(HTMLa)[[[ontimeerror]]]]	,[CODE(SGML)[%[[Script]]]]	,(なし)	,	,[WinIE]
,[CODE(SGMLa)[[[SDAPREF]]]]	,[CODE(SGML)[&#[[RE]];&#RE;]] (固定)	,==	,[SAMP(CSS)[::[[before]]{[[content]]}]]	,[HTML 2]
,[CODE(HTMLa)[[[size]]]]	,[CODE(SGML)[%[[Pixels]]]]	,	,高さ	,"[HTML 3.2], [HTML 4] 非推奨, [XHTML 1.0] 非推奨"
,[CODE(HTMLa)[[[style]]]]	,	,	,スタイル情報	,"[HTML 4] %coreattr, [XHTML 1] [[Style]] ⊂ Common"
,[CODE(HTMLa)[[[syncmaster]]]]	,	,	,	,[WinIE] HTML+TIME
,[CODE(HTMLa)[[[systemBitrate]]]]	,	,	,	,[WinIE] HTML+TIME 2.0
,[CODE(HTMLa)[[[systemCaptions]]]]	,	,	,	,[WinIE] HTML+TIME 2.0
,[CODE(HTMLa)[[[systemLanguage]]]]	,	,	,	,[WinIE] HTML+TIME 2.0
,[CODE(HTMLa)[[[systemOverdubOrSubtitle]]]]	,	,	,	,[WinIE] HTML+TIME 2.0
,[CODE(HTMLa)[[[tabindex]]]]	,[CODE(SGML)[[[NUMBER]]]]	,	,タブ順	,[WinIE]
,[CODE(HTMLa)[[[textalign]]]]	,	,	,[CODE(HTMLa)[label]] 配置	,[[Emacs/W3]]
,[CODE(HTMLa)[[[timecontainer]]]]	,	,	,	,[WinIE] HTML+TIME
,[CODE(HTMLa)[[[title]]]]	,	,	,注釈的題	,"[HTML 4] %coreattr, [ISO-HTML] %core, [XHTML 1] Core ⊂ Common"
,[CODE(HTMLa)[[[unselectable]]]]	,	,	,	,[WinIE]
,[CODE(HTMLa)[[[width]]]]	,[CODE(SGML)[%[[Length]]]]	,	,幅	,"[HTML 3.2], [HTML 4] 非推奨, [XHTML 1.0] 非推奨"

[8] 仕様書:
- [DEL@en[[[HTML 2.0]]: [[RFC 1866]] <urn:ietf:rfc:1866>]] ([[廃止]])
-- [CSECTION@en[5.9. Horizontal Rule: [CODE(HTMLe)@en[HR]]]]
- [[HTML 3.2]]
-- [CSECTION@en[Block and Text level elements]]
<http://www.w3.org/TR/REC-html32#level>
-- [CSECTION@en[Block elements]]
<http://www.w3.org/TR/REC-html32#block>
-- [CSECTION@en[[CODE(HTMLe)@en[HR]] - horizontal rules]]
<http://www.w3.org/TR/REC-html32#hr>
- [[HTML 4]]
-- [CSECTION@en[15.3 Rules: the [CODE(HTMLe)[HR]] element]]
<IW:HTML4:"present/graphics.html#edef-HR">
- [[XHTML m12n]]
-- [CSECTION@en[5.4.1. Presentation Module]]
<IW:XHTML1m12n:"abstract_modules.html#s_presentationmodule">
- [HTML 5] [CITE@en-GB-x-hixie[Web Applications 1.0]]
-- [CSECTION@en-GB-x-hixie[The [CODE(HTMLe)@en[hr]] element]]
<http://www.whatwg.org/specs/web-apps/current-work/#hr>

- [[Netscape]]
-- ''HTML Tag Reference'' 
<http://devedge.netscape.com/library/manuals/1998/htmlguide/tags15.html#tags:HR>
- [[WinIE]]
-- HR
<http://www.microsoft.com/japan/developer/library/jpisdk/dhtml/references/html/HR.htm>
-- ''HR Element | hr Object (Internet Explorer)'' 
<http://msdn.microsoft.com/workshop/author/dhtml/reference/objects/hr.asp>
- [[WebTV]]
-- ''<HR>'' 
<http://web.archive.org/web/20000304145815/developer.webtv.net/authoring/html/hr.html#1016898>
- [[iモード]]
-- ''iモード対応HTML Version1.0 タグ'' 
<http://www.nttdocomo.co.jp/mc-user/i/tag/hr.html>
-- ''iモード対応HTML Version4.0 タグ'' 
<http://www.nttdocomo.co.jp/mc-user/i/tag/hr4.html>

** 代替

[65] 以前は [CODE(HTMLe)@en[[[hr]]]] 
は[[水平線]]を引くための[[要素]]でした。

現在では単に[[水平線]]を引くために [CODE(HTMLe)@en[[[hr]]]]
を使うのは不適切と考えられています。

[66]
[[CSS]] の [CODE(CSS)@en[[[border]]]] 系の[[特性]]を使うと、
任意の[[要素]]の周りに線を引くことができます。
[[線種]]など [CODE(HTMLe)@en[[[hr]]]]
より細かい指定が可能です。

[[#comment]]

** 文脈と分類

[67] [CODE(HTMLe)@en[[[hr]]]] は[[ブロック水準要素]]であり、
[[ブロック水準要素]]が認められている場所で使うことができます。
[SRC@en[[[HTML 5]]]]

[68] [[HTML 2]] では [CODE(HTMLe)@en[[[hr]]]] は
[CODE(HTMLe)@en[[[body]]]] の[[子供]]など
[CODE(SGML)[%[[body.content]];]] として、あるいは
[CODE(HTMLe)@en[[[pre]]]] の[[子供]]として使えるとされていました。
なぜ [CODE(HTMLe)@en[[[pre]]]] 内で認められていたのかはよくわかりません。

[69] [[HTML 3.2]] では [CODE(HTMLe)@en[[[hr]]]] 
は[[ブロック水準要素]]に分類されました。 [[HTML 3.2]]、
[[HTML 4]]、[[ISO-HTML]] の [[DTD]] では[[引数実体]]
[CODE(SGML)@en[%[[block]];]] に含まれていました。

[1] [[WinIE 3.0]] では [CODE(HTMLe)[hr]] 要素は [CODE(HTMLe)[[[p]]]] 
要素の子要素になることができます:
''ブラウザーによって振る舞いの異なるタグ : 他にもありますか?'' 
<http://tohoho.wakusei.ne.jp/lng/199801/98012000.htm>

[2] 昔の [[FrontPage]] で「水平線」を引くと、 [CODE(HTML)[<P><HR></P>]] 
が挿入されましたね、たしか。

[3] >>2 手動で [CODE(HTML)[<p>]] を削除してもわざわざ直してくれるのね、親切にも。

[6] 何だったか忘れましたけど、 FrontPage 以外の
[[WYSIWYG]] な HTML editor でも [CODE(HTML)[<P><HR></P>]]
なのがありました。どう考えてもおかしいのに、
なぜこんなのが広まったのかな?

お尻 [CODE(HTMLe)[p]] 的に [CODE(HTML)[<P><HR><P>]]
ならまだ分かるのだけど。。。
[WEAK[(そしてこれも実際よく使われていたけど。。。)]]

[70] [[XHTML m12n]] では[[表現]][[モジュール]]の[[ブロック表現]][[モジュール]]の一部として定義されていました。
[[内容集合]]としては[[ブロック]]に含まれていました。
[[DTD実装]]では [CODE(XML)@en[%[[Block.class]];]]
に含まれる [CODE(XML)@en[%[[BlkPres.class]];]]
に含まれていました。

[[#comment]]

** レンダリング

[19] [CODE(HTMLe)[hr]] 要素は、
横幅一杯に罫線か等価な図形を表示します
[SRC[RFC 1866 5.9]]。

[12] [CODE(HTMLe)[hr]] 要素の水平線とその前後のものとの間の余白の量は
UA 依存です [SRC[HTML 4 15.3]]。

[21] 音声 UA では、 [CODE(HTMLe)[hr]]
は「間」としてレンダリングできます
[SRC[HTML 3.2 [CODE(HTMLe)[hr]]]]。

*** [CODE(HTMLe)@en[hr]] 要素のレンダリングと CSS

[58] [[CSS]] は[[箱モデル]]を採用しており、
[[内容]]が[[箱]]に含まれていることを設計上の大前提としています。
しかし [CODE(HTMLe)@en[[[hr]]]] 
は[Q[区切り]]を横線として示すものですから、
[[CSS]] が規定するレンダリング・モデルとの対応は必ずしも明確ではありません。

[11]
[CODE(HTMLe)@en[[[hr]]]] 要素型は [[CSS]] 
の仕様ができる以前から使われていましたから、
当時の [[Webブラウザ]]は [[CSS]] に基づかない
[WEAK[([CODE(HTMLe)@en[[[hr]]]] 要素の属性や文脈や利用者の設定だけに依存する)]]
レンダリング方法を採っていました。この時点で既に、
既定の状態で [CODE(HTMLe)@en[[[hr]]]] をどうレンダリングするのかや、
[CODE(HTMLe)@en[[[hr]]]] のどんな属性をどう反映するのかが各
[[Webブラウザ]]で様々でした。

このようなブラウザが後に [[CSS]] に対応する時には、
従来のレンダリング方法に後付けで [[CSS]]
による指定も考慮するようにされました。
しかし、具体的に [[CSS]] 
のどのような指定をどう反映するかは何らかの仕様で定められていたわけではなく、
前述のように自明でもないのですから、
[[Webブラウザ]]の制作者の裁量となっています。

- [4] ''hr要素へのスタイル指定'' <http://cssbug.at.infoseek.co.jp/misc/hr.html>
- [5] Safari スレ
<http://pc2.2ch.net/test/read.cgi/hp/1041996555/205-212>
- [10] ''罫線(hr要素)の色を変える方法 - Web標準普及プロジェクト''
<http://www.mozilla.gr.jp/standards/webtips0003.html>
- [14] ''Styling <hr>'' <http://www.sovavsiti.cz/css/hr.html>

* HTML もどき

[101] [[DTBook]] にもありました。

[102] [[DTBook]] では [CODE[title=""]] に break の理由を[RUBYB[提案][suggest]]できるとされていました。

- [100] 
[CITE@en-US[DAISY ANSI/NISO Z39.86-2002 - The DAISY Consortium]], [TIME[2023-11-26T05:17:33.000Z]] <https://daisy.org/info-help/document-archive/archived-projects/daisy-ansi-niso-z39-86-2002-archived/>

* 歴史

*** [CODE(HTMLe)@en[hr]] の誕生

[27] 1993年7月末の [[WWWWW]] 会議で [CODE(HTMLe)[hr]] が
HTML 仕様に取入れられることが決まりました。

;; 
出典: [[www-talk]] ''EMail Msg <9308102156.AA06138@austin.BSDI.COM>'' 
<http://ksi.cpsc.ucalgary.ca/archives/WWW-TALK/www-talk-1993q3.messages/459.html>

[FIG(data)[ [112] [[HTML要素概説]]

:[F[要素名]]:[CODE[hr]]
:日付:[TIME[1993-07-30]]
:説明:
[TIME[1993-07]]の [[WWWWW]]
で、
[CODE[hr]]
の追加が合意された。
:出典:
[REFS[

-
[CITE[Notes from WWWWW]],
[DATA(.author)[[[Tony Sanders]]]],
[TIME(.published)[Tue, 10 Aug 1993 16:56:28 -0500][1993-08-10T16:56:28-05:00]],
[TIME[2024-08-13T07:58:56.000Z]] <http://1997.webhistory.org/www.lists/www-talk.1993q3/0461.html>
]REFS]

]FIG]

[111] 決まったものの[[物理要素]]を新たに追加することへの批判もありました。

[28] [[Dan Connolly]] の [CODE(file)[html.dtd,v]] によれば、、
1994年4月1日付けのもの (1.7 版) で初めて [CODE(HTMLe)[hr]] 
要素型が定義されたこととなっています。

;; 
その一つ前の1993年7月1日版 (1.6 版)
はいわゆる [[HTML 1.0]] Internet Draft
<urn:ietf:id:draft-ietf-iiir-html-01> に使われたと注釈が入っていますが、
実際には 1.7 版と (RCS の文字列を除き) まったく同じ内容で、 Internet Draft 
に使われたのはもっと古い版です。 (Dan が [CODE(file)[html.dtd,v]]
を作ったのが1994年4月頃と推測され、それ以前の記録は不正確です。)

[110] 
[TIME[1993-11-30]]に DTD の構文的な誤りを訂正したものが電子ニュースなどに流れています。
その内容は 1.6 版・1.7 版と (RCS の文字列を除き) まったく同じです。
この DTD には [CODE(HTMLe)[hr]] が含まれています。

;; 
参考: [CITE[Request for a valid HTML.DTD at CERN]]
<http://www.kevcom.com/words/ht93/html.dtd.txt>

以上より、 [CODE(file)[html.dtd]] に [CODE(HTMLe)[hr]] が追加されたのは
1993年7月末から1993年11月16日の間と推測されます。
(Dan が渋る理由はないでしょうから、8月の初めには入っていたと思われます。)

[FIG(data)[ [216] [[HTML要素概説]]

:[F[要素名]]:[CODE[hr]]
:日付:[TIME[1993-11-30]]
:説明:
[TIME[1993-11-30]]版 [[HTML DTD]]
に
[CODE[hr]]
がある。
[SRC[HTML19931130]]

]FIG]

[24] 1993年8月には [[Lynx]] 2.0.11 が [CODE(HTMLe)[hr]] に対応しました。

> The <hr> tag puts a horizontal line seperating two bodies of text.
The <hr> tag may be used anywhere.

と説明しています。

;; 
出典: [[www-talk]] ''EMail Msg <9308260107.AA23088@stat1.cc.ukans.edu>'' 
<http://ksi.cpsc.ucalgary.ca/archives/WWW-TALK/www-talk-1993q3.messages/774.html>

[25] 1993年10月には、 [CODE(HTMLe)[[[sep]]]] 要素型が提案されています。
区切り図形を挿入したいのに [CODE(HTMLe)[[[img]]]] では非図形 UA
で困るというのが提案理由でしたが、 [[HTML+]] 提案では
[CODE(HTMLe)[hr]] 要素で属性を指定して実現できることや
[CODE(HTMLe)[img]] でも [CODE(HTMLa)[[[alt]]]] 
を指定すれば良いではないかと言われています。

;; 
出典: [[www-talk]] ''EMail Msg <9310011416.AA18180@crh.cl.msu.edu>'' 
<http://ksi.cpsc.ucalgary.ca/archives/WWW-TALK/www-talk-1993q4.messages/6.html>

[26] 1993年11月には [[NCSA Mosaic]] for [[X]] 2.0 が [CODE(HTMLe)[hr]]
に対応しました。

;; 
出典: [[www-html]] ''EMail Msg <9311100824.AA01715@wintermute.ncsa.uiuc.edu>'' 
<http://ksi.cpsc.ucalgary.ca/archives/WWW-TALK/www-talk-1993q4.messages/444.html>

[27] 1994年2月には [[Cello]] 1.0 が [CODE(HTMLe)[hr]] に対応しました。

[80]
[CITE[EMail Msg <9308260107.AA23088@stat1.cc.ukans.edu>]] ([CODE[2007-07-01 04:44:10 +09:00]] 版) <http://ksi.cpsc.ucalgary.ca/archives/WWW-TALK/www-talk-1993q3.messages/774.html>
([[名無しさん]])

[[#comment]]

*** 属性の増殖

@@ [CODE(HTMLa)@en[[[noshade]]]], [CODE(HTMLa)@en[[[color]]]]
など

@@ [CODE(HTMLe)@en[[[hr]]]] による装飾

@@ [[HTML 3]]

[[#comment]]

*** 標準化の進展

[16] HTML 2.0 [SRC[RFC 1866 5.9]] では、

> The <HR> element is a divider between sections of text; typically a full width horizontal rule or equivalent graphic.

と規定されていました。

[20] HTML 3.2 [SRC[HTML 3.2 [CODE(HTMLe)[hr]]]]
では、

> Horizontal rules may be used to indicate a change in topic. In a speech based user agent, the rule could be rendered as a pause.

とされています。 [Q[full width〜]]
という解説がなくなったのは [CODE(HTMLa)[width]]
属性が導入されたからでしょう。

[22] HTML 4 [SRC[HTML 4 15.3]] では、

> The HR element causes a horizontal rule to be rendered by visual user agents.
> The amount of vertical space inserted between a rule and the content that surrounds it depends on the user agent.

とされています。仕様書の編成も大きく変わっていて、
[CITE[15 Alignment, font styles, and horizontal rules]]
という視覚表現に関する章の一部となっています。
そのためでしょうか、 >>16-20 が
[Q[a change in topic]] などと述べていた構造的意味が説明から消えています。

*** ヘアライン説

[SEE[ [[ヘアライン]] ]]

*** 暗黙の非推奨

[71] [[表現的]]な[[要素]]や[[属性]]に[[非推奨]]の印を与えた
[[HTML 4]] ですが、 [CODE(HTMLe)@en[[[hr]]]] 
自体はそれから逃れ、[[厳密DTD]] の元でも使うことが許されました。

ですが、[[表現と構造の分離]]を支持する人々の多くは、
[[表現的]]な[[要素]]の不使用を徹底するべきだと考え、
[CODE(HTMLe)@en[[[b]]]] や [CODE(HTMLe)@en[[[i]]]]
などと共に [CODE(HTMLe)@en[[[hr]]]]
も[Q[暗黙の[[非推奨]]]]の[[要素]]とみなすようになりました。

[72] 
[CODE(HTMLe)@en[[[hr]]]] を単なる[[装飾]]目的で使っているのではないとすると、
[[水平線]]は文章の[Q[それ以前]]と[Q[それ以後]]とを区切る印として挿入しているはずです。
であるとすれば、[Q[それ以前]]と[Q[それ以後]]の少なくても2つの[[要素]]が存在し、
それらが隣接した結果の[[表現]]として[[水平線]]が引かれたと考えるのが妥当でしょう。

[PRE(example HTML code old)[
<p>
HTML の表現力の向上を謳い、多くの要素や属性が
アドホックに追加されていきました。
</p>
<hr>
<p>
一方の IETF HTML 作業部会は、 HTML 2.0 の標準化
を行い、更に様々な新機能を盛り込んだ HTML 3.0
へと作業を進めようとしていました。
</p>
]PRE]

このような考えから、 [CODE(HTMLe)@en[[[hr]]]]
は使用せず、[Q[それ以前]]と[Q[それ以後]]をそれぞれ
[CODE(HTMLe)@en[[[div]]]] [[要素]]などで表し、
[[CSS]] の [CODE(CSS)@en[[[border-bottom]]]]
や [CODE(CSS)@en[[[border-top]]]] を使って[[水平線]]を引くのが適当な方法だと主張されるようになりました。

[PRE(example HTML code)[
<style>
#vendor {
  border-bottom: 2px solid black;
}
</style>
[INS[:]]
<div id="vendor">
<p>
HTML の表現力の向上を謳い、多くの要素や属性が
アドホックに追加されていきました。
</p>
</div>
<div>
<p>
一方の IETF HTML 作業部会は、 HTML 2.0 の標準化
を行い、更に様々な新機能を盛り込んだ HTML 3.0
へと作業を進めようとしていました。
</p>
</div>
]PRE]

[73]
しかしすべての人が >>72 の方法に賛成したわけではありません。
>>72 に反対する主張の1つは、 [[CSS]] 
未対応[[利用者エージェント]]での[[レンダリング]]に関してです。
もう1つの主張は、[Q[適切]]な [CODE(HTMLe)@en[[[hr]]]]
が表すもの、つまり[[水平線]]ではなく[Q[区切り]]を表す[[要素]]が必要だというものです。
この2つ目の主張は [[XHTML 2.0]] や [[HTML 5]]
で取り入れられることになります。次節以降をご覧下さい。

[74]
さて1つ目の主張ですが、 [[CSS]] を使って区切り線を引く方法では、
[[CSS]] に対応していない[[利用者エージェント]]で[[レンダリング]]したとき、
区切りを明確に表すものがなくなってしまいます。
せいぜい、 [CODE(HTMLe)@en[[[div]]]] による[[改行]]程度のものです。

そこで >>72 の方法に基づきながら [CODE(HTMLe)@en[[[hr]]]]
も使い続けるという方法が提案されました。
[CODE(HTMLe)@en[[[div]]]] と [CODE(HTMLe)@en[[[div]]]]
の間に [CODE(HTMLe)@en[[[hr]]]] を挿入しますが、
[[CSS]] により、 [CODE(HTMLe)@en[[[hr]]]]
は[[非表示]]にします ([CODE(CSS)@en[[[display]]: [[none]]]]
または [CODE(CSS)@en[[[visibility]]: [[hidden]]]]
を使います)。 [[CSS]] に対応していない[[利用者エージェント]]では[Q[非表示]]が無視されるので、
単なる[[水平線]]が[[レンダリング]]されるのです。

[PRE(example HTML code)[
<style>
#vendor {
  border-bottom: 2px solid black;
}
hr {
  display: none;
  /* または visibility: hidden; */
}
</style>
[INS[:]]
<div id="vendor">
<p>
HTML の表現力の向上を謳い、多くの要素や属性が
アドホックに追加されていきました。
</p>
</div>
<hr>
<div>
<p>
一方の IETF HTML 作業部会は、 HTML 2.0 の標準化
を行い、更に様々な新機能を盛り込んだ HTML 3.0
へと作業を進めようとしていました。
</p>
</div>
]PRE]

この方法は奇妙であるにも関わらず、
[[CSS]] を使って [[Web頁]]を[[デザイン]]した
([[表現と構造の分離]]を目指した) と主張でき、
しかも [[CSS]] に対応していない[[利用者エージェント]]での[[利用可能性]]までも考慮したなどと主張できるためか、
わりとよく用いられているようです。

[[#comment]]

*** XHTML 2.0

[87]
[[XHTML2]] の最初の[[作業原案]]では、 [[HTML4]] 時代の「[[水平線]]」
との定義のままなぜか残されていました。

;; [CITE@en[- XHTML Presentation Module]] ([TIME[2002-08-06 00:20:43 +09:00]] 版) <http://www.w3.org/TR/2002/WD-xhtml2-20020805/mod-presentation.html#edef_presentation_hr>

[88] 
2つ目の[[作業原案]]で未決の課題として削除または [CODE(HTMLe)@en[[[separator]]]]
への改名が検討されていることが示されました。

;; [CITE@en[- XHTML Presentation Module]] ([TIME[2002-12-12 23:58:38 +09:00]] 版) <http://www.w3.org/TR/2002/WD-xhtml2-20021211/mod-presentation.html#edef_presentation_hr>

[90] 第6次案では [CODE(HTMLe)@en[[[hr]]]] [[要素]]が削除され、代わりに
[CODE(HTMLe)@en[[[separator]]]] [[要素]]が定義されていました。

;; [CITE@en[- XHTML Structural Module]] ([TIME[2004-07-22 15:25:35 +09:00]] 版) <http://www.w3.org/TR/2004/WD-xhtml2-20040722/mod-structural.html#edef_structural_separator>

[FIG(data)[ [113] [[HTML要素概説]]

:[F[要素名]]:[CODE[separator]]
:日付:[TIME[2004-07-22]]
:説明:
[TIME[2004-07-22]]、
[CITE[XHTML 2.0]]
の
[CODE[hr]]
は
[CODE[separator]]
に改称された。
[SRC[XHTML2-20040722]]
[[名前空間]]は紆余曲折を経て最終版では[[HTML名前空間]]となっていた。

]FIG]

[89] [CITE[d:id:quaa]] ([TIME[2007-05-11 03:30:36 +09:00]] 版) <http://d.hatena.ne.jp/quaa/20070511#p2>
([[名無しさん]] [WEAK[2007-05-11 00:44:15 +00:00]])

@@ [[www-html]] での議論

[[#comment]]

*** HTML 5 —— 新しい意味

[115] [CITE@en-GB-hixie[Web Applications 1.0]], [TIME[2024-08-20T17:41:33.000Z]], [TIME[2024-09-01T10:05:08.622Z]] <https://whatwg.org/specs/web-apps/2005-09-01/#hr0>

[116] >>115 これより前の半年のどこかのタイミングで追加されていた。

[114] [CITE@en[HR element (still looking for a decent backronym for that, let me kno…]], [[Hixie]], [TIME[2006-10-26 07:59:31 +09:00]], [TIME[2024-09-01T10:04:41.000Z]] <https://github.com/whatwg/html/commit/879a72196720e169d339f976545439189bd2fc4f#diff-41cf6794ba4200b839c53531555f0f3998df4cbb01a4d5cb0b94e3ca5e23947d>

[117] [CITE@en[HR done, not TBW anymore; change <i> to <x> for now.]], [[Hixie]], [TIME[2006-10-26 08:07:25 +09:00]], [TIME[2024-09-01T10:05:50.000Z]] <https://github.com/whatwg/html/commit/4075f1e21b142f4fc05188f4f0239260662c49a7#diff-41cf6794ba4200b839c53531555f0f3998df4cbb01a4d5cb0b94e3ca5e23947d>

[86]
[CITE[Re: several messages about <hr> and related subjects]] ([[Ian Hickson <ian@...>]] 著, [TIME[2008-02-21 01:57:02 +09:00]] 版) <http://permalink.gmane.org/gmane.org.w3c.whatwg.discuss/13316>

[FIG(data)[ [118] [[HTML要素概説]]

:[F[要素名]]:[CODE[hr]]
:日付:[TIME[2006-10-26]]
:説明:
[TIME[2006-10-26]]、
[CITE[HTML5]]
に
[CODE[hr]]
が追加された。
新たな意味で再定義された。
現行仕様である。
:出典:
[REFS[

- [CITE[HTML5 r207]],
[DATA(.author)[[[Hixie]]]], 
[TIME(.published)[2006-10-26 07:59:31 +09:00]], [TIME[2024-09-01T10:04:41.000Z]] <https://github.com/whatwg/html/commit/879a72196720e169d339f976545439189bd2fc4f>

]REFS]

]FIG]

** 不思議解釈

[30]
[CITE[えいちてぃーえむえる]] ([[池田賢元]]著、2002年9月付け) <http://www.analogmonkey.com/tutorial/premier_2.html>

この[[タグ講座]]によると、 [CODE(HTMLe)@en[[[hr]]]]
は[[シングル・タグ]]で
[Q@en[Horizontal Reference]<http://www.analogmonkey.com/tutorial/premier_2.html>]
の略だそうです。一体何を参照するのでしょう?

[31]

> You probably already know that you can place a line simply by typing <HR> on the page. "HR" stands for horizontal reference, by the way. It makes a nice line with a little bit of shading all the way across the screen. Plus it needs no end command. And it's centered. Coolness.

訳の分からないことを書き連ねて何が cool だ。

[CITE@en[So, You Want An HR Line, Huh?]] 
([[Joe Burns]] 著、2005年7月現在)
<http://www.htmlgoodies.com/tutorials/getting_started/article.php/3479441#the>

[32]
>>31 日付が無いのでいつの記事かわかりませんが、同じシリーズで
[CODE(HTMLe)@en[[[multicol]]]] が紹介されていますから、
90年代後半のものでしょうか。

[33]
[CITE[Greater Great Kato]] ([[Ka Koijong]] 著、2001年12月付け)
<http://www.geocities.com/quantumkato/html/html_basic.html>

> <hr>
> horizontal row

[34]

> Horizontal Reference
> <hr>

[CITE[Vintage Computer Auction Forum > HTML Tags]] 
([[ave13co.com]] 著、2005年1月付け [[Google]] [[キャッシュ]]、
2005年7月現在元サイト消滅)
<http://www.google.com/search?q=cache:kWaImnk_3dIJ:ave13co.com/cgi-bin/vintage_computer_auction.pl%3Faction%3Dforum%26task%3Dhtmltags>

[35]

> <hr>: Stands for horizontal reference. What's a horizontal reference? Well, this is a horizontal reference:
> [INS[([CODE(HTMLe)@en[[[hr]]]] の実例)]]
> See?

[CITE[:: Aethereality.net :: Version 3.1.1 :: Vintage Reminiscence ::]] ([[Crystal]] 著、2003年8月付け、2005年1月付け [[Google]] [[キャッシュ]]、
2005年7月現在元サイトの記事消滅)
<http://www.google.com/search?q=cache:Av_r3_XRIWQJ:aethereality.net/tutorials/read.php%3Fid%3D2>

文書の情報のところに著者のレベルは初級者と書いてあるが、
なんでそんな奴がチュートリアルを書くのだ?

[36]

> <hr /> The Horizontal Reference or HR tag simply puts a line accross the screen. It's like the BR tag but instead of space it inserts a horizontal line that can be changed with attributes.

[CITE[Computers : Day One]] 
([[trevor]] 著、2005年1月付け)
<http://128.32.250.47:8080/calles/2005/01/07>

[37]

> '''hr''' stands for Horizontal Reference.

[CITE@en[Flags & Structure- HTML Tutorials- Depiction]] 
([[Matt]] 著、2005年7月現在)
<http://www.depiction.net/?id=htmlflagsandstructure>

この文書では [Q@en[flag]], [Q@en[command]], [Q@en[tag]]
が同じ意味で使われています。 [Q@en[flag]] が一番著者のお気に入りのようで。
(もちろんは[[不思議マーク付け]]の世界における[Q[[[タグ]]]]の意味で。)

[38]

[CITE[Web Host Galaxy - Cheap, Reliable web hosting - php, MySQL]] 
([[Web Host Galaxy.com]] 著、 2005年4月付け、
実際には2004年か?)
<http://www.webhostgalaxy.com/cpanelxp2004/learning-pages/basic-html1.htm>

>>30 と同じ内容。 >>30 が日本語として怪しいところを見ると英語のこっちが原文だな。
(>>30 の著者は米国で育って今は日本の大学にいるらしい。)

> (HR stands for Horizontal Reference.) The line right above the words "Single tags" was made using an <HR> tag.

と怪しい[[シングル・タグ]]もちゃんとあります(w

比べてみると英語で

> <B>Joe</B>

なのが日本語では

> <B>明日のジョー</B>

になってたりしてなんか藁える。

しかし日付的に英語の方が日本語のより新しいなあと思ったら、
他にもありましたよ。

[CITE[Free Backgrounds I page 1 & Learning HTML for Web Developers, Basic HTML]]
<http://www.animation-station.com/backgrounds/>
(日付不詳だが [[Internet Archive]] によれば2005年になってからか?)

[39]
[CITE@en[Basic HTML: Primer #2--Flags]] 
([[Joe Burns]] 著、1999年2月付け)
<http://www.st-andrews.com/Courses/IT/Intranet/gen/tutorial/primer_2.html>

これも >>38 と同じ内容だけど、 [Q@en[tag]]
の代わりに [Q@en[flag]] という言葉が使われている。
ってそれどこかで聞いたな。 >>37 か。 >>37
の一部と書いてあることが完全に一致するよ[AA(fw)[wwwwwwww]]
それにこの著者どっかで見たことが・・・ >>31 だ。うほっ。

> <HR> 	
> This command gives you a line across the page. ('''HR''' stands for Horizontal Reference) The line right above the words "Single Flags" was made using an <HR> flag.

[[シングル・タグ]]の [Q@en[tag]] も元は
[Q@en[flag]] だったのですな[AA(fw)[wwwwwwwww]]

[40]
[CITE[isphost.org]] 
([[Joe Burns]] 著、2003年7月付け)
<http://web.archive.org/web/20030808130619/http://www.isphost.org/htmlhelp2.html>

>>38 と同じ内容 ([Q@en[tag]] になってる方。)
Joe が寄稿したものらしい。

[41]
>>30 のサイトの[[タグ講座]]は全部 >>39 のサイト

[CITE[Computer Dept Intranet]] 
<http://www.st-andrews.com/Courses/IT/Intranet/gen/tools.html>

の翻訳のようです (>>30 の方ではメニューだけで内容未公開のものも含めて[AA(fw)[wwww]])。

[42]
[CITE@en[Beginning HTML]] (2002年付け)
<http://teachertech.rice.edu/Materials/GT2001/Aldine/intro.html>

>>39 の冒頭と同じことが書いてある。そしてこれと同じサイトのリンク集の頁には
>>31 のサイトへのリンクがある。つまり Joe と関係があるということだ。
(パクったのか許諾を得ているのか引用程度だから問題ないと思ったのか実は
Joe 自身が関わっているのかはしらん。)

[43]
[CITE@en[ACENET Knowledge Base > Introduction to HTML]] 
<http://ace-host.net/kb/article.php?id=059>
([[Pineapple Technologies]] 著、2003年付け)

>>38 と同じ内容

[44]
[CITE@en[Basic HTML:2--Flags]] (2003年9月付け)
<http://www.kean.edu/~gkolodiy/5223/c21.htm>

[CITE@en[HTML Goodies]] ([[Joe Burns]] 著[AA(fw)[www]])
を使った大学の講義らしい。そんな本[[教科書]]にすんなよ。
というか Joe は [Q@en[flag]] なんて言葉を使って本まで書いてたのかよ!

この文書自体は >>39 と同じですが、なぜか著者名が欠けています。
Joe が使っていいよと言っているのか、それとも勝手にパクって著者名だけ削ったのか[AA(fw)[ww]]

[45]
[CITE[The Airrington Blog]] (2004年付け)
<http://forum.wr.ca/view_topic.php?id=1693&tp=14562&offset=0>

>>39 と同じ書き出しで始まる文書。

[46]
まだまだあるけど面倒になってきた。。。
<IW:Google:"\"HTML works in a very simple, very logical, format. It reads like you do, top to bottom, \"">
で検索するとずるずる出てきますよ[AA(fw)[w]]

例文に [Q@en[Joe]] とか出てくることからしても、
最初の出発点は [[Joe Burns]] なのでしょう。
そして [Q@en[horizontal reference]] 説の出所もおそらくは
[[Joe Burns]] だ、と。教科書まで出版して布教しているんだから大したもんです。
(でもそれにしてはあんまり普及しているとは言えないな。)
[[日本]]に紹介した[[池田賢元]]氏の業績[AA(fw)[ww]]も評価しなければなりますまい[AA(fw)[wwwwwwwww]]

[47]
[CITE[64bits.se :: Visa tr&#229;den - HTML | Den absoluta b&#246;rjan]] 
(2003年4月付け)
<http://www.64bits.se/forum/viewtopic.php?t=17775&sid=17086c1a1fc9903da572c40ce3728fd7#170973>

> [CODE(HTML)@en[<HR>]]-taggen:
> <HR> (Horizontal Reference) g&#246;r en fin liten linje som du kan dela upp stycken med. Denna kan du &#228;ndra f&#228;rg, storlek p&#229; &#229; lite annat sm&#229;tt o gott.

[48]
[CITE@en[Writing HTML in Notepad]] 
(2005年7月現在)
<http://personal.bgsu.edu/~schuetj/handout.doc>

> Horizontal Reference Line: <HR>

[49]
[CITE[Why you should learn HTML]]
([[Debra Hamer]] 著、2004年付け)
<http://expressionmag.com/html.html>

> [HR] this command places a line across the page. HR stands for “horizontal reference”.

この文書は内容的に Joe を参考にしたような[RUBY[臭] [にお]]いがします。

[50]
[CITE[Extra Tags]] ([[Georgia Panaritis]] 編、2003年9月付け)
<http://www.javascrypt.com/newschool/class4/class4-.htm>

Joe を切り貼りした内容。

[51]
<http://webdesign.templatemonster.com/web/html-and-css/tutorials/tags-structure.2253.html>

>>37 のサイトが著者とされている。やはり Joe ([Q@en[tag]])
と同じ。

[52]
[CITE@en[Why You Should Learn HTML]] ([[Debra Hamer]] 著)
<http://www.goarticles.com/cgi-bin/showa.cgi?C=20131>

これも Joe の variant。[[タグ]]が[[文字参照]]になっていないのでひどいことに[AA(fw)[www]]

[53]
[CITE@en[why you should learn html]] 
([[Debra Hamer]] 著、2004年付け)
<http://www.successfuloffice.com/why-you-should-learn-html.htm>

>>52 は >>50 と内容的には同じだな。そしてこれも >>50 と同じ。

[54]
[CITE[HTML教學:第二單元:旗標]] (2004年2月付け)
<http://www.geocities.com/alfredcave/Basic2.html>

[[中文]]版まで[AA(hw)[キター]]。 Joe ([Q@en[flag]])
と同じ内容。

[55]
そのほかにもまだまだ沢山ありました。
<IW:Google:"\"Horizontal Reference\" hr">
なんかで検索してみてください。そして大方 Joe
に行き着きます[AA(fw)[wwwwwwww]]

[56]
ごく少数ですが >>48 のように [Q@en[horizontal reference line]]
というのも観測できました。

[[HTML]] とは関係ない
[Q@en[[ABBR[HRL] [horizontal reference line]]]]
という言葉が実際に存在しているようです。でもそういう言葉を知っていたからといって
[CODE(HTMLe)@en[hr]] を連想するものでしょうか。むしろ
[Q@en[horizontal reference]] という言葉をなんとなく覚えていて、
[CODE(HTMLe)@en[hr]] は線なのだからと勝手に
[Q@en[line]] を補った、というストーリーの方が現実的です。

実際のところ Joe の [Q@en[horizontal reference]] 説と
[Q@en[horizontal reference line]] 説に関連があるのかどうかは今のところ分かりません。

[84]
[CITE@ja[CSS_XHTML_TIPS:XHTML-TIPS hrは構造か見栄えか]] ([CODE[2007-09-09 08:36:20 +09:00]] 版) <http://blog.livedoor.jp/cssxhtml/archives/53035331.html>
([[名無しさん]])

[85]
[CITE@ja[CSS_XHTML_TIPS:前回の記事、「hrは構造か見栄えか」についてご意見をいただきました]] ([CODE[2007-09-09 08:36:21 +09:00]] 版) <http://blog.livedoor.jp/cssxhtml/archives/53084266.html>

[103] [CITE[hr要素は改名して、インライン要素とするのが活路かも: [[我的春秋]]]], [TIME[2023-11-27T12:07:14.000Z]] <http://my-chunqiu.cocolog-nifty.com/blog/2007/04/hr_seperator_812f.html>

[104] >>103 これはこの時期解体しつつあった[[CSSコミュニティ]] / [[Strictor]]
的な思想の文脈で 
[CODE[hr]] がどう捉えられていたかをみるのにおもしろい記事。
[CODE[br]] や [CODE[hr]] は「見栄え」を表し、[[表現と構造の分離]]の
「構造」側を担う [[HTML]] に相応しくないのではないか、という問題意識があって、
それなら[[改頁]]を表す[[要素]]に流用しちゃえ、とこの記事は指摘している。
すると読者である[[CSSコミュニティ]]的人々から、
[[改頁]]なんて[[表現と構造の分離]]の「表現」側、[[物理要素]]ど真ん中だし駄目に決まってるだろう、
と突っ込みが入る。

[105] 
>>103 の記事自体が引用しているのだけど、この当時既に [[HTML5]] 
はこの問題を乗り越えた後だった。すなわち [CODE[hr]]
は [[HTML]] に相応しくないのではないかと疑念があって、
しかも [CODE[section]] があれば十分ではないかという考えもあったものの、
にも関わらず章節内の論理的な区切りの需要があって、
名前はともかく [CODE[hr]] はその要件を満たせる。
名前は今更変えられないが、それほど悪くない。
そのまま意味を読み替えても既存の用法と大きく矛盾しない。
ということで意味を「構造」に寄せて、構文的には旧来のものを踏襲することにした。
という経緯があったのだけど、引用はしてもそこまで深掘りせず、
1週遅れの議論であさっての方向を向いた提案をしているし、
駄目だしする読者達もそういう経緯を把握してなさそうだという。

[106]
理想の言語にするためなら、好きなように構文を変えても意味を変えてもいいだろう、
というのは [[HTML5]] が否定した [[XHTML2]] の価値観でもある。
そして(この記事の人がどうかはしらんけど) [[XHTML2]] 
はこの辺のコミュニティーで何だかんだ人気があった。

[107] この記事の時代はもう [[HTML5]] の時代が始まってるのだけど、
メディアで華々しく紹介された [[HTML5][HTML5 (バズワード)]] 
は[[媒体]]とか [[API]] とか、せいぜい [CODE[section]] とかの目につく新機能ばかりだったので、
[[HTML5]] がどのような思想で開発され、新機能と既存機能がどのように(再)設計されたのか、
という [[Web]] 技術を語る人々が本当に参照するべき情報はほとんど[[日本語]]にならなかった。

** 例

[17] [CODE(HTMLe)[[[address]]]] 直前に使う例
[SRC[RFC 1866 5.9]]
[PRE(HTML)[
    <HR>
    <ADDRESS>February 8, 1995, CERN</ADDRESS>
    </BODY>
]PRE]

[13] 属性によるレンダリングへの影響の例 [SRC[HTML 4 15.3]]
[PRE(HTML)[
<HR width="50%" align="center">
<HR size="5" width="50%" align="center">
<HR noshade size="5" width="50%" align="center">
]PRE]

レンダリング例: <IW:HTML4:"images/hr.gif">

どの水平線も、水平方向の利用可能領域の半分の長さで水平中央に置かれます。
最初の水平線はブラウザ既定の太さ、残りの2つは5画素分の太さとなり、
最後の水平線は影無しで塗りつぶした罫線となります。

[23] 最終修正日時の記述の例
[PRE(HTML)[
<hr>
<p>Last change was on &lastchange;
<hr>
]PRE]

- 出典:
[108] 
[CITE[[[ISO-HTML]] 利用者の手引き]]
[CSECTION[14.3   An example — Document time stamps]]
<http://purl.org/NET/ISO+IEC.15445/Users-Guide.html#TIMESTAMP>

最終修正日時の記述を自動生成する手法の解説の中で、
HTML 文書内の最終修正日時部分周辺の例として挙げられています。

-*-*-

[109] 
[[縦書き]]の[[ウェブブラウザー]]の[CITE[影鷹]]では[[縦線]]になりました。

[82]
[CITE[[[影鷹]]]]の[[レンダリング]]例:
<https://suika.suikawiki.org/gate/2007/schema/schema/dfa7ca00bc459712b6090b622cc16429/cache.dat>

** よく取り上げられる話題

- [CODE(HTMLe)@en[[[hr]]]] は[[物理要素]]ではないのか?
(>>71) [1993年〜]
- [[CSS]] [CODE(CSS)@en[[[border]]]] の[Q[[[代替]]]]としての
[CODE(HTMLe)@en[[[hr]]]] の必要性 (>>72) [2000年頃〜]

** メモ

[15] 英語やトルコ語の[[タグ講座]]で [Q[hair line]]
が登場するものは、どうやら日本人が書いたものを基にしている模様です。
[WEAK[コピペ(?)による伝播をまとめてたら消えちゃったよ、ブラウザの馬鹿野郎!]]

[18] HTML 2.0 では [CODE(HTMLe)[[[pre]]]]
の中に [CODE(HTMLe)[hr]] を入れられます。
いいのか、それで。

[29]
[CITE[XHTML2: Accessible, Usable, Device Independent and Semantic]] <http://www.w3.org/2005/Talks/05-steven-xtech/>

[[XHTML 2.0]] の中の人のスライドですが、文学作品を引用して
[CODE(HTMLe)[[[hr]]]] (に代わる [CODE(XMLe)[[[separator]]]])
の必要性を説いています。

> The Japanese community were also asking for a <vr>.

わろた。

[57]
[CODE(HTMLe)@en[hr]] (に相当するもの) は[[強制空要素]]じゃない方が良いのではないかという気がしました。

[CODE(HTMLe)@en[hr]] が構造だという人 (賛成派)
がいる一方で、反対派は2つの [CODE(HTMLe)@en[[[section]]]]
の境界に過ぎないというかそれで十分表現可能だからそれでいいじゃないのと言うわけです。
確かに1つの節が[[要素]]の[[内容]]になってた方が色々処理が楽だしね。

でも別に両方あってもいいわけですよ。
[PRE(XML example code)[
<section/>
<separator xhtml1:style="letter-spacing: 3em">
***
</separator>
<section/>
]PRE]

みたいに。冗長だけど両方の利点を備えてるし。
[CODE(XMLe)[separator]] が[[空要素]]なら大して面白くないけど、
[[内容]]を持てる意味がここで出てきます。
区切りの記号みたいなのは文書の[[構造]]と[[表現]]の中間くらいに位置していて
[WEAK[(だから意見が割れるわけで)]]、
[[スタイル・シート]]で制御できてもいいし、
文書の[[マーク]]の方で記述できても悪くは無いでしょう。

[59]
[CITE@ja[CSS_XHTML_TIPS:前回の記事、「hrは構造か見栄えか」についてご意見をいただきました - livedoor Blog(ブログ)]] ([CODE[2007-03-17 07:21:43 +09:00]] 版) <http://blog.livedoor.jp/cssxhtml/archives/53084266.html>
([[名無しさん]] [WEAK[2007-03-18 03:02:18 +00:00]])

[60]
[CITE@ja[CSS_XHTML_TIPS:XHTML-TIPS hrは構造か見栄えか - livedoor Blog(ブログ)]] ([CODE[2007-03-15 15:44:12 +09:00]] 版) <http://blog.livedoor.jp/cssxhtml/archives/53035331.html>
([[名無しさん]] [WEAK[2007-03-18 03:04:41 +00:00]])

[61]
[CITE@ja[CSS_XHTML_TIPS:XHTML-TIPS hrの展望、separatorとして構造モジュール - livedoor Blog(ブログ)]] ([CODE[2007-03-17 11:48:58 +09:00]] 版) <http://blog.livedoor.jp/cssxhtml/archives/53138679.html>

[CODE(HTMLe)@en[[[separator]]]] を根拠に [CODE(HTMLe)@en[[[hr]]]] を語るのはおかしいんじゃないの。 [CODE(HTMLe)@en[[[separator]]]] は 
[CODE(HTMLe)@en[[[hr]]]] のこういう問題を背景に登場したみたいな議論ならともかく。
([[名無しさん]] [WEAK[2007-03-18 03:06:21 +00:00]])

[62]
[CITE@ja[Re: 前回の記事、「hrは構造か見栄えか」についてご意見をいただきました - 行動記録]] ([[IWAI, Masaharu]] 著, [CODE[2007-03-17 08:40:45 +09:00]] 版) <http://iwaim.beering.be/2007/03/hr-element-2.html>
([[名無しさん]] [WEAK[2007-03-18 03:06:47 +00:00]])

[75]
>>15 の [CODE(HTMLe)@en[[[hr]]]] は[Q[[[ヘアライン]]]]の略だとする説は、昔はよく解説書などにありましたが、最近見なくなりました。
([[名無しさん]])

[76]
[CITE[我的春秋: hr要素は改名して、インライン要素とするのが活路かも]] ([CODE[2007-04-30 10:36:41 +09:00]] 版) <http://my-chunqiu.cocolog-nifty.com/blog/2007/04/hr_seperator_812f.html>
([[名無しさん]] [WEAK[2007-04-30 01:41:16 +00:00]])

[77]
[CITE[d:id:quaa]] ([CODE[2007-05-11 17:50:33 +09:00]] 版) <http://d.hatena.ne.jp/quaa/20070511#p3>
([[名無しさん]] [WEAK[2007-05-11 10:22:58 +00:00]])

[78]
[CITE@ja[Web標準って何? : 雑記帳 : der Gegenwart]] ([[Rusica]] 著, [CODE[2007-05-19 11:04:08 +09:00]] 版) <http://www.rusica.net/note/2007/05/18/hr.html>
([[名無しさん]] [WEAK[2007-05-19 02:05:34 +00:00]])

[79]
[CITE@ja[XHTML BasicとCSS Mobile Profileを徹底マスターする]] ([CODE[2007-06-10 20:52:36 +09:00]] 版) <http://www.atmarkit.co.jp/fmobile/rensai/xhtml03/xhtml03.html>

> いわゆるヘアラインタグ。

はいはいわろすわろす
([[名無しさん]])

[81]
[CITE@en[Weekly XHTML2 WG Teleconference -- 29 Aug 2007]] ([CODE[2007-09-05 18:51:46 +09:00]] 版) <http://www.w3.org/2007/08/29-xhtml-minutes#item05>
([[名無しさん]])

[83]
[CITE@ja[Re: XHTML-TIPS hrは構造か見栄えか - 行動記録]] ([[IWAI, Masaharu]] 著, [CODE[2007-08-29 00:37:03 +09:00]] 版) <http://iwaim.beering.be/2007/03/hr-element.html>
([[名無しさん]])

[[#comment]]

* メモ

[91] [CITE@en[XHTML™ 2.0 - Introduction]]
( ([TIME[2010-12-17 04:25:02 +09:00]] 版))
<http://www.w3.org/TR/2010/NOTE-xhtml2-20101216/introduction.html#s_intro_differences>

[92] [CITE@ja[hr要素を文字で入れ替える - Weblog - hail2u.net]]
([TIME[2011-10-15 04:28:12 +09:00]] 版)
<http://hail2u.net/blog/webdesign/swap-hr-element-with-characters.html>

[93] [CITE[CSS Print Profile]]
( ([TIME[2013-03-14 20:50:03 +09:00]] 版))
<http://www.w3.org/TR/2013/NOTE-css-print-20130314/#s.8.5.1>

[94] [CITE[ncsa-mosaic/CHANGES at master · alandipert/ncsa-mosaic]]
( ([TIME[2014-04-07 05:35:51 +09:00]] 版))
<https://github.com/alandipert/ncsa-mosaic/blob/master/CHANGES#L698>

[7] [CITE@en[Fix #234: Change <menuitem> from void to like-<option> · whatwg/html@5e49a20]]
([TIME[2016-04-16 20:59:13 +09:00]] 版)
<https://github.com/whatwg/html/commit/5e49a20874fabef620bf7ea0be7534c73fbd58c4>

[FIG(quote)[
[FIGCAPTION[
[95] [CITE@ja[豪華新社屋でも賃貸、テレ東に移転ジンクス無縁かも (日刊スポーツ) - Yahoo!ニュース]]
( ([TIME[2016-10-08 17:45:10 +09:00]]))
<http://headlines.yahoo.co.jp/hl?a=20161008-00000075-nksports-ent>
]FIGCAPTION]

> 30年ぶりに本社移転するテレビ東京が先週、六本木3丁目の新社屋で初めての社長会見を行った。地上40階の最新タワーに加え、宮部みゆきら人気作家モノに取り組んだ3本の記念ドラマも高評価で、外も中身もいろいろ見違える。大型移転をすると本業の勢いが落ちるという業界ジンクスもあるが、賃貸で頑張るテレ東カルチャーは健在で、ジンクスとは無縁っぽい滑り出しである。
> **********
>  フジテレビの台場、TBSの赤坂サカスなど街ごと作るような大型移転と違い、テレ東は「住友不動産六本木グランドタワー」のテナントとして低層階の5フロアを間借りするお引っ越し。神谷町周辺の4カ所に分散していた各部署とスタジオを集約し、地デジとBS放送を一体化する。移転完了は11月7日を予定。あらかたの引っ越しは済んでおり、すでに業務は新本社で行われている。

]FIG]

[96] [CITE@en[170317 – AX: <hr> should use a different role description than interactive separators]]
([TIME[2017-05-04 02:11:08 +09:00]])
<https://bugs.webkit.org/show_bug.cgi?id=170317>

[97] [CITE@en[Make <hr> have 'overflow: hidden' by default]]
([[zcorpan]]著, [TIME[2017-06-02 16:18:10 +09:00]])
<https://github.com/whatwg/html/commit/c0790b40e139864bf6883b39b27aa21311e6ff88>

[98] [CITE@en[Update allowed roles for <hr>]]
([[scottaohara]]著, [TIME[2017-12-21 13:10:31 +09:00]])
<https://github.com/w3c/html-aria/commit/1c719104aa729fb21adb6d96b9da7074f74ccefd>

[99] [CITE@en[Update allowed roles for <hr> by scottaohara · Pull Request #87 · w3c/html-aria]]
([TIME[2017-12-22 16:33:16 +09:00]])
<https://github.com/w3c/html-aria/pull/87>

Historical Legal Sensitive Parent: [Help / License]

Edit

Page

Errors

Page name(s)