Edit

Page

Page title:

Page body:

[1] [[HTML]] の [DFN[[CODE(HTMLe)@en[br]] 要素]]は、
[RUBYB[[[文]]] @en[text]]の現在の[[行]]を強制的に中断
(終了) させます。

[9]
仕様書:
- [[SI 4281]]:1998
<http://www.qsm.co.il/Hebrew/si4281e.htm>
-- [CSECTION@en[6.1.4 Elements with no directionality]]
- [[HTML 4]]
-- <IW:HTML4:"struct/text.html#edef-BR">

[2]
:状態:[[W3C]] [[勧告]]
:[[名前空間URI]]:[CODE(URI)@en[[[http://www.w3.org/1999/xhtml]]]]
:[[局所名]]:[CODE(HTMLe)@en[[[br]]]]
([Q@en[line ''br''eak]] ([Q[改行]]) より)
:[[開始タグ]]:必須
:[[終了タグ]]:禁止 ([[HTML 4]]), 必須 ([[XHTML 1]])
:[[内容模型]]:[[強制空要素]]型 ([CODE(SGML)@en[[[EMPTY]]]])
:出現できる文脈:[CODE(SGML)@en[%[[inline]]]] な文脈
:[[属性]]:
,属性名	,属性値	,既定値	,説明	,状態	,出典
,[CODE(HTMLa)[[[class]]]]	,	,	,[[級]]	,[HTML4] %[[coreattr]]
,[CODE(HTMLa)[[[clear]]]]	,	,	,流し込み制御	,[HTML4] 非推奨
,[CODE(HTMLa)@en[[[_moz_dirty]]]]	,	,	,	,非標準	,[[Gecko]]
,[CODE(HTMLa)[[[id]]]]	,	,	,一意識別子	,[HTML4] %coreattr
,[CODE(HTMLa)@en[[[soft]]]]	,	,	,	,非標準
,[CODE(HTMLa)[[[style]]]]	,	,	,スタイル情報	,[HTML4] %coreattr
,[CODE(HTMLa)[[[title]]]]	,	,	,注釈的題	,[HTML4] %coreattr
,[CODE(HTMLa)@en[[[type]]]]	,	,	,	,非標準	,[[Gecko]]

** 意味

[8]
[[HTML 4]] [[DTD]] の[[注釈]] (参考) には [Q@en[forced line break]] 
([Q[強制改行]]) とあります。

*** 不思議解釈

[89] [[Strictor系過激派]]の中には、 「[CODE(HTMLe)@en[[[br]]]]」は「[[小休止]]」の意味であるなどと曲解して
[CODE(HTMLe)@en[[[br]]]] は[[物理要素]]ではないと主張する人もいます。

** 代替

[11]
多くの場合、[[改行]]したいからといって [CODE(HTMLe)@en[[[br]]]]
を使うのは不適切です。適切な[[マーク付け]]と [[CSS]]
の組合せで素敵になれます。悪い例と改善例は[CSECTION[例]]をご覧下さい。

[[#comment]]

** レンダリング

[3] >>1 の通り、[[視覚UA]] では、強制的に[[改行]]されます。

[[bidi]] 算法の適用にあたっては、 [CODE(char)[LINE SEPARATOR]]
文字と同じように扱うべき (should) と HTML 4 は言っています。

[4] [CODE(HTMLa)[clear]] 属性 (非推奨) が使われているときは、
[[流し込み]]がその値に従って制御されます。
この機能は今では[[スタイルシート]]を使うことになっています。
[[CSS]] なら [CODE(CSS)[[[clear]]]] 属性を使います。

[10] '''Bidi との関係''':
[CODE(HTMLe)[[[br]]]] [[要素]]は、 [[bidi]]
的には単なる[[改行]]であって特に影響はありません。
[SRC[SI 4281 6.1.4]]

[19]
[CITE@en[Evil Tests: Styling HR, BR Elements]] ([[Ian Hickson]] 著, [CODE[2007-02-11 22:22:02 +09:00]] 版) <http://www.hixie.ch/tests/evil/mixed/hrbrstyles.html>
([[名無しさん]])

[20]
[CITE[Data.driven() - Marcos Caceres &#187; Blog Archive &#187; Secure Programming and the evil element]] ([CODE[2007-02-11 22:22:40 +09:00]] 版) <http://www.datadriven.com.au/2007/02/08/secure-programming-and-the-evil-br-element/>
([[名無しさん]] [WEAK[2007-02-11 13:25:01 +00:00]])

[[#comment]]

* 歴史

** [CODE[br]] の誕生

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

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

-
[DFN[WWWWWNotes]]:
[CITE@en[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]
:注釈:
-
[DFN@en[World-Wide Web Wizards Workshop]] [DFN@en[WWWWW]] [DFN@en[W5]]
[TIME[1993-07-27]]から[TIME[1993-07-30]]に開催された[[国際会議]]。

]FIG]

[5]
[[Dan Connolly]] の [[html.dtd]] に最初に [CODE(HTMLe)[br]] 要素型が定義されたのは [Q[1.7.2.2 1994/04/01 20:30:17]] で、属性無しの強制空要素でした。

(おそらく実装に合わせて) DTD に追加はしたものの、[[実体参照]] [CODE(HTML)[&br;]] を定義して、それを使うべきだと (少なくても Dan は) 考えていた模様です。
([[名無しさん]])

[6]
ちなみに、 [CODE(HTML)[[[nbsp]]]] が最初に定義されたのが少し前の [Q[1.6]] ([[HTML 1.0]] I-D の版) です。こちらも、[[処理指令]]として定義しようと考えていたようです。

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

:[F[要素名]]:[CODE[br]]
:日付:[TIME[1994-04-01]]
:説明:
[TIME[1994-04-01]]、
[[HTML DTD]] に
[CODE[br]]
が追加された。

]FIG]

[7]
>>5 [CODE(HTMLe)[br]] 要素型の登場はもうちょっと遡れます。 [[www-talk]] で詩や住所のマークの仕方が話題にのぼりました。 [WEAK[(どこかで聞いたような話だ。)]] その話の中で、
''Re: RE two PREs <9306250423.AA12611@wintermute.ncsa.uiuc.edu>'' <http://ksi.cpsc.ucalgary.ca/archives/WWW-TALK/www-talk-1993q2.messages/638.html>
(1993年6月24日)
で、 [[Marc Andreessen]] が、新しい行を表すものがあればいい、と言いました。
これを受けて [[Dave Raggett]] が、
''Re: RE two PREs <9306251045.AA14172@manuel.hpl.hp.com>'' <http://ksi.cpsc.ucalgary.ca/archives/WWW-TALK/www-talk-1993q2.messages/641.html>
(1993年6月25日) で [[HTML+]] に [CODE(HTMLe)[br]] を追加した、と言っています。

[[NCSA Mosaic]] に実装されたのがいつなのかは分かりません。

[31]
[CITE[Toward Closure on HTML]] ([CODE[1994-04-07 09:56:59 +09:00]] 版) <http://www.w3.org/People/Connolly/drafts/html-direction.html>
([[名無しさん]])

[32]
[CITE[Toward Closure on HTML]] ([CODE[1994-04-07 09:56:59 +09:00]] 版) <http://www.w3.org/People/Connolly/drafts/html-direction.html>
([[名無しさん]])

[33]
[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>
([[名無しさん]])

[34]
>>7 での Marc の主張は、 [CODE(HTMLe)@en[[[pre]]]] は[[空白]]が重要という意味であって、
単に[[改行]]が重要であるという意味ではない (から別のものが必要) 
ということです。

[37]
[CITE[WWW-Talk Oct-Dec 1993: NCSA Mosaic for X 2.0 available]] ([CODE[2007-12-31 00:22:27 +09:00]] 版) <http://1997.webhistory.org/www.lists/www-talk.1993q4/0448.html>

これによると、 [CODE(HTMLe)@en[[[br]]]] と [CODE(HTMLe)@en[[[hr]]]] は
[[NCSA Mosaic]] 2.0 (1993年11月) で実装されたようです。

([[名無しさん]])

[38]
>>5 [[Dan Connolly]] が[[タグ]]より[[処理指令]] (への[[実体参照]]) 
を使うべきだと言っている例 (1994年6月)。[[改行]]は[[構造的]]に重要ではない (から[[処理指令]]が適当) と述べています。

[CITE[WWW-Talk Apr-Jun 1994: Re: Page breaks when you print formatted html docs]] 
<http://1997.webhistory.org/www.lists/www-talk.1994q2/0792.html>

([[名無しさん]])

[39]
[CITE[WWW-Talk Jul-Sep 1993: Lynx 2.0.11 now available!]]
<http://1997.webhistory.org/www.lists/www-talk.1993q3/0776.html>

[[Lynx]] は 2.0.11 (1993年8月) から [CODE(HTMLe)@en[[[br]]]] を実装しているようです。
([[名無しさん]])

[40]
1993年7月の [[WWWWW]] で [[HTML]] 仕様 ([[HTML水準0]]) に追加することが正式に決まったようです。

;; [CITE[WWW-Talk Jul-Sep 1993: WWWWW Notes]] ([CODE[2007-12-31 00:40:11 +09:00]] 版) <http://1997.webhistory.org/www.lists/www-talk.1993q3/0461.html>

([[名無しさん]])

[41]
>>39 正式公開前に [[telnet]] で提供されていたとき (8月) のメモ:
<http://1997.webhistory.org/www.lists/www-talk.1993q3/0590.html>

[207] 
[TIME[西暦1994(平成6)年][1994]]時点の [[Emacs/W3]] が [CODE[br]]
の実装で内部的に [CODE[x]] や [CODE[w3br]] という[[タグ]]状文字列を使っていました。
内部的なものですが、入力にそれが含まれていても同じように動作しそうに見えます。

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

:[F[要素名]]:[CODE[x]]
:[F[要素名]]:[CODE[w3br]]
:日付:[TIME[1994]]
:説明:
[TIME[1994]]時点の [[Emacs/W3]] が
[CODE[br]]
の実装のため
[CODE[x]],
[CODE[w3br]]
の[[開始タグ]]のような[[文字列]]を使っていた。
内部処理の便宜のための専用の[[タグ]]と思われるが、
与えられた[[HTML文書]]にこれらの[[タグ]]が含まれても同じように動作しそうに見える。
:出典:
[REFS[

- 
[DFN[E/W3-2.1p46]]:
[CITE@en[[[Emacs/W3]] 2.1p46]],
[TIME(.published)[1994-08-01 11:42][1994-08-01T11:42]],
[TIME[2024-09-11T12:08:47.100Z]]
<http://www.nic.funet.fi/index/WWW/emacs/html-mode/w3-2.1p46.tar.gz>

]REFS]

]FIG]

** DTBook

[175] [[HTML]] 由来で [[DTBook]] にもありました。
[SRC[>>341]]

- [341] [CITE@en-US[[[DAISY]] ANSI/NISO Z39.86-2002 - The DAISY Consortium]], [TIME[2023-11-23T08:52:40.000Z]] <https://daisy.org/info-help/document-archive/archived-projects/daisy-ansi-niso-z39-86-2002-archived/>

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

:[F[要素名]]:[CODE[br]]
:借用先:[[HDML]]
:借用先:[[WML1]]
:借用先:[[DTBook]]

]FIG]

** XHTML2

[90] [[XHTML2]] の最初の[[作業原案]]では [CODE(HTMLe)@en[[[line]]]] が導入され、
[CODE(HTMLe)@en[[[br]]]] は[[非推奨]]とされていました。

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

[91] 2つ目の[[作業原案]]では削除されていました。

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

[58] 
[CITE@en[Re: br element should be eliminated]], [[Masayasu Ishikawa]], [TIME[2023-07-13T18:04:38.000Z]], [TIME[2024-09-14T08:36:54.393Z]] <https://lists.w3.org/Archives/Public/www-html/2002Sep/0066.html>

** 実装

[1] [[WinIE]] 向け、 [CODE(HTML)@en[ ]] 
のようにして[[改行]]幅を調整するらしい。何か間違っている気がする。
とはいうものの、 [[CSS 2]] 的には [CODE(HTML)@en[br]] [[要素]]は 
[CODE(CSS)@en[[CODE(HTMLe)[br]]:[[after]] {[[content]]: "\A"}]] だから、
それで[[行]]の高さが変わるなら別にいいような気もする。

[2] >>1 でも [CODE(CSS)@en[\A]] == [CODE(charname)@en[[[LF]]]]
は[[改行]]だから。。。なんか変なの。

[[#comment]]

** 例

[18]
@@@@ 詩の例

cf. xhtml2:l

[17] '''欧米式住所表記の例'''
[SRC@en[[[HTML 5]] (Work in progress)]]
[PRE(HTML example code)[
<[CODE(HTMLe)@en[[[p]]]]>P. Sherman<[CODE(HTMLe)@en[[[br]]]] />
42 Wallaby Way<[CODE(HTMLe)@en[[[br]]]] />
Sydney</[CODE(HTMLe)@en[[[p]]]]>
]PRE]

欧米で用いられている[[住所]]の表記法では適当な場所で[[改行]]されますから、
それを [CODE(HTMLe)@en[[[br]]]] で表しています。

ただし、このような改行を入れた例と
[Q@en[42 Wallaby Way, Sydney]]
のような表記とで本質的な差があるかと言えば疑問です。
この場合の改行も単なる慣習的装飾に過ぎないとも考えられます。

[12] '''[[改段落]]に使った例'''
[PRE(HTML bad example code)[
愛の形も様々なれば、憎悪の形もまた様々なり。<[CODE(HTMLe)@en[br]] />
<[CODE(HTMLe)@en[br]] />
ひとたび愛深まれば、後の憎悪もまた深からん。
]PRE]

[[HTML]] には[[段落]]を表す [CODE(HTMLe)@en[[[p]]]]
[[要素型]]があります。この例は不適切で、
次の例のようにするのが正しい。

'''正しい段落境界の表現法の例'''
[PRE(HTML example code)[
<[CODE(HTMLe)@en[[[p]]]]>
愛の形も様々なれば、憎悪の形もまた様々なり。
</[CODE(HTMLe)@en[[[p]]]]>
<[CODE(HTMLe)@en[[[p]]]]>
ひとたび愛深まれば、後の憎悪もまた深からん。
</[CODE(HTMLe)@en[[[p]]]]>
]PRE]

[[スタイル・シート]]で
[PRE(CSS example code)[
[CODE(HTMLe)@en[[[p]]]] {
  [[margin-bottom]]: 1[[em]];
}
]PRE]

としておけば、見た目上は[Q[悪い例]]と同じ効果が得られます。

[15] '''類例''' [SRC@en[HTML 5 (Work in progress)]]
[PRE(HTML bad example code)[
<[CODE(HTMLe)@en[[[p]]]]><[CODE(HTMLe)@en[[[a]]]] [VAR[...]]>34 comments.</[CODE(HTMLe)@en[[[a]]]]><[CODE(HTMLe)@en[[[br]]]] />
<[CODE(HTMLe)@en[[[a]]]] [VAR[...]]>Add a comment.</[CODE(HTMLe)@en[[[a]]]]></[CODE(HTMLe)@en[[[p]]]]>
]PRE]

'''改善例 ([[HTML]])''' [SRC@en[HTML 5 (Work in progress)]]
[PRE(HTML example code)[
<[CODE(HTMLe)@en[[[p]]]]><[CODE(HTMLe)@en[[[a]]]] [VAR[...]]>34 comments.</[CODE(HTMLe)@en[[[a]]]]></[CODE(HTMLe)@en[[[p]]]]>
<[CODE(HTMLe)@en[[[p]]]]><[CODE(HTMLe)@en[[[a]]]] [VAR[...]]>Add a comment.</[CODE(HTMLe)@en[[[a]]]]></[CODE(HTMLe)@en[[[p]]]]>
]PRE]

'''改善例 ([[CSS]])'''
[PRE(CSS example code)[
[CODE(HTMLe)@en[[[p]]]] {
  [[margin-top]]: 0;
  [[margin-bottom]]: 0;
}
]PRE]

[Q[悪い例]]は、本来2つに分けるべきところを表示上余白なしで改行したいからと
[CODE(HTMLe)@en[[[br]]]] を挟んで無理矢理1つの[[段落]]に詰め込んでいました。
改善例ではより素直に2つに分割し、 [[CSS]]
で余白を無くして[Q[悪い例]]で著者が望んでいた表示結果が得られるようにしています。

[16] '''類例''' [SRC@en[HTML 5 (Work in progress)]]
[PRE(HTML bad example code)[
<[CODE(HTMLe)@en[[[p]]]]>Name: <[CODE(HTMLe)@en[[[input]]]] [CODE(HTMLa)@en[[[name]]]]="name"><[CODE(HTMLe)@en[[[br]]]] />
Address: <[CODE(HTMLe)@en[[[input]]]] [CODE(HTMLa)@en[[[name]]]]="address"></[CODE(HTMLe)@en[[[p]]]]>
]PRE]

'''改善例 ([[HTML]])''' [SRC@en[HTML 5 (Work in progress)]]
[PRE(HTML example code)[
<[CODE(HTMLe)@en[[[p]]]]>Name: <[CODE(HTMLe)@en[[[input]]]] [CODE(HTMLa)@en[[[name]]]]="name"></[CODE(HTMLe)@en[[[p]]]]>
<[CODE(HTMLe)@en[[[p]]]]>Address: <[CODE(HTMLe)@en[[[input]]]] [CODE(HTMLa)@en[[[name]]]]="address"></[CODE(HTMLe)@en[[[p]]]]>
]PRE]

'''改善例 ([[CSS]])'''
[PRE(CSS example code)[
[CODE(HTMLe)@en[[[p]]]] {
  [[margin-top]]: 0;
  [[margin-bottom]]: 0;
}
]PRE]

この例でも[[フォーム]]の入力欄の配置に関して >>15
と同じ問題に陥っています。やはり同じように2つに分けるという解決策を採ります。

[13]
'''[[余白]]のための大量の改行の例'''
[PRE(HTML bad example code)[
<[CODE(HTMLe)@en[[[h2]]]]>問題</[CODE(HTMLe)[[[h2]]]]>
<[CODE(HTMLe)@en[[[p]]]]>1 + 1 = ?</[CODE(HTMLe)@en[[[p]]]]>
<[CODE(HTMLe)@en[[[a]]]] [CODE(HTMLa)@en[[[href]]]]="[CODE(URI)@en[#answer]]">解答</[CODE(HTMLe)@en[[[a]]]]>
</[CODE(HTMLe)@en[[[p]]]]>
<[CODE(HTMLe)@en[[[br]]]] />
<[CODE(HTMLe)@en[[[br]]]] />
<[CODE(HTMLe)@en[[[br]]]] />
<[CODE(HTMLe)@en[[[br]]]] />
[INS[(中略)]]
<[CODE(HTMLe)@en[[[br]]]] />
<[CODE(HTMLe)@en[[[br]]]] />
<[CODE(HTMLe)@en[[[br]]]] />
<[CODE(HTMLe)@en[[[br]]]] />
<[CODE(HTMLe)@en[[[h2]]]] [CODE(HTMLa)@en[[[id]]]]="answer">解答</[CODE(HTMLe)[[[h2]]]]>
<[CODE(HTMLe)@en[[[p]]]]>田圃の<[CODE(HTMLe)@en[[[em]]]]>田</[CODE(HTMLe)@en[[[em]]]]>。</[CODE(HTMLe)@en[[[p]]]]>
]PRE]

同じ頁内の別の部分にリンクしていますが、
その部分が同時に見えてしまわないように間に大量の強制改行を挟んでいます。

'''良い例 ([[HTML]])'''
[PRE(HTML example code)[
<[CODE(HTMLe)@en[[[h2]]]]>問題</[CODE(HTMLe)[[[h2]]]]>
<[CODE(HTMLe)@en[[[p]]]]>1 + 1 = ?</[CODE(HTMLe)@en[[[p]]]]>
<[CODE(HTMLe)@en[[[a]]]] [CODE(HTMLa)@en[[[href]]]]="[CODE(URI)@en[#answer]]">解答</[CODE(HTMLe)@en[[[a]]]]>
</[CODE(HTMLe)@en[[[p]]]]>
<[CODE(HTMLe)@en[[[div]]]] [CODE(HTMLa)@en[[[id]]]]="answer">
<[CODE(HTMLe)@en[[[h2]]]]>解答</[CODE(HTMLe)[[[h2]]]]>
<[CODE(HTMLe)@en[[[p]]]]>田圃の<[CODE(HTMLe)@en[[[em]]]]>田</[CODE(HTMLe)@en[[[em]]]]>。</[CODE(HTMLe)@en[[[p]]]]>
</[CODE(HTMLe)@en[[[div]]]]>
]PRE]

'''良い例 ([[CSS]])'''
[PRE(CSS exampel code)[
[CODE(HTMLe)@en[[[div]]]]#answer {
  [[margin-top]]: 100[[em]];
}
]PRE]

[Q[良い例]]の [[HTML]] と [[CSS]] を組合せれば同じ結果が得られます。
しかもこちらの方が遥かに簡単かつ論理的です。

もっともこの場合どちらの方法でも、
余白の大きさよりも表示領域の方が大きければ結局見えてしまいます。
[WEAK[(でも [CODE(HTMLe)@en[[[br]]]] を1万個入れるのは手作業だと気が遠くなりますし機械作業でもソースがかなりうざくなりますが、 [[CSS]] なら数字を書き換えるだけで済みます。)]]

[14]
'''鉤括弧前後の改行の例'''
[PRE(HTML bad example code)[
すると与作は、<[CODE(HTMLe)@en[[[br]]]] />
<[CODE(HTMLe)@en[[[q]]]]>んなら、おらは木を切りに行くべ。</[CODE(HTMLe)@en[[[q]]]]><[CODE(HTMLe)@en[[[br]]]] />
と言って立ち上がりました。すると婆様は、<[CODE(HTMLe)@en[[[br]]]] />
<[CODE(HTMLe)@en[[[q]]]]>待ちなされ、これを持ってお行きなさい。</[CODE(HTMLe)@en[[[q]]]]><[CODE(HTMLe)@en[[[br]]]] />
と言って小汚い布切れを差し出しました。
]PRE]

[[日本語]]の文章の標準的な[[組版]]規則では[[会話]]を表す[[鉤括弧]]の前後では行を改めることになっています。
しかし[[雑誌]]や紙面に制限がある場面では一々改行されないこともあります。
改行の有無によって文章の意味が変わることはありません。
つまりその改行は本質的な文章の内容ではないのです。
[WEAK[(あるいは改行と鉤括弧の組合せが[[会話文]]を表す[[マーク付け]]と考えるのもまた良いでしょう。)]]

'''良い例 ([[HTML]])'''
[PRE(HTML example code)[
すると与作は、
<[CODE(HTMLe)@en[[[q]]]]>んなら、おらは木を切りに行くべ。</[CODE(HTMLe)@en[[[q]]]]>
と言って立ち上がりました。すると婆様は、
<[CODE(HTMLe)@en[[[q]]]]>待ちなされ、これを持ってお行きなさい。</[CODE(HTMLe)@en[[[q]]]]>
と言って小汚い布切れを差し出しました。
]PRE]

'''良い例 ([[CSS]])''':
[PRE(CSS example code)[
[CODE(HTMLe)@en[[[q]]]] {
  [[display]]: [[block]];
}
]PRE]

[[HTML]] からは冗長な [CODE(HTMLe)@en[[[br]]]] 要素を全て剥ぎ取り、
代わりに [[CSS]] で [CODE(HTMLe)@en[[[q]]]] 
要素の前後で必ず行が改まるようにします。

[[#comment]]

** メモ

[21]
[CITE[html lecturte]] ([CODE[2003-10-18 17:55:15 +09:00]] 版) <http://www.padrac.ne.jp/~sugimoto/JIN/html/html.html#2-2>

> HTMLでは改行は、 (break line)です。

([[名無しさん]])

[22]
>>21 が書かれたのは1995年12月らしい。
([[名無しさん]])

[23]
[CITE@ja[私はbr要素が好きじゃない : 雑記帳 : der Gegenwart]] ([[Rusica]] 著, [CODE[2007-04-29 11:23:15 +09:00]] 版) <http://www.rusica.net/note/2007/04/28/br_1.html>
([[名無しさん]] [WEAK[2007-04-29 02:36:21 +00:00]])

[24]
[CITE[カナかな団首領の自転車置き場 - br 要素]] ([CODE[2007-04-29 11:11:22 +09:00]] 版) <http://d.hatena.ne.jp/kana-kana_ceo/20070428/1177733882>
([[名無しさん]] [WEAK[2007-04-29 02:37:12 +00:00]])

[25]
[CITE[カナかな団首領の自転車置き場 - 改行]] ([CODE[2007-04-29 11:11:22 +09:00]] 版) <http://d.hatena.ne.jp/kana-kana_ceo/20070428/1177763721>
([[名無しさん]] [WEAK[2007-04-29 02:38:03 +00:00]])

[26]
[CITE@ja[br 要素問題は CSS2.1 で解決か!?]] ([CODE[2007-04-29 09:04:19 +09:00]] 版) <http://deztec.jp/design/07/04/29_br.html>
([[名無しさん]] [WEAK[2007-04-29 02:39:03 +00:00]])

[27]
[CITE@ja[意味のないbrはやめましょう:メモランダム]] ([CODE[2007-04-30 04:35:59 +09:00]] 版) <http://mynotes.jp/blog/2007/04/br_element>
([[名無しさん]] [WEAK[2007-04-30 01:36:46 +00:00]])

[28]
[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:37:54 +00:00]])

[29]
[CITE@ja[続・私はbr要素が好きじゃない : 雑記帳 : der Gegenwart]] ([[Rusica]] 著, [CODE[2007-05-02 11:00:42 +09:00]] 版) <http://www.rusica.net/note/2007/05/01/br.html>
([[名無しさん]] [WEAK[2007-05-02 02:02:57 +00:00]])

[30]
[CITE@ja-JP[淡々と BR を使う - Weblog]] ([CODE[2007-05-03 07:00:00 +09:00]] 版) <http://ryus.s21.xrea.com/w/item/899>
([[名無しさん]] [WEAK[2007-05-03 16:00:18 +00:00]])

[42]
[CITE[Marcos Caceres' blog]] ([TIME[2008-05-11 15:23:27 +09:00]] 版) <http://datadriven.com.au/2007/02/13/secure-programming-and-the-evil-element/>

[87] [CITE[SMIL 3.0 smilText]] ([TIME[2008-12-02 00:45:09 +09:00]] 版) <http://www.w3.org/TR/2008/REC-SMIL3-20081201/smil-text.html#edef-br>

[88] [[SVG]] には [CODE(XMLe)@en[[[tbreak]]]] [[要素]]があります。

* [CODE(HTMLe)@en[br]] 要素 [CODE(HTMLa)@en[type]] 属性 (HTML)

[86]
[[Gecko]] は [CODE(DOMa)@en[[[designMode]]]] で編集部分の最後に挿入した [CODE(HTMLe)@en[[[br]]]] に [CODE(HTMLa)@en[[[type]]]]
[[属性]]で値を [CODE(HTML)@en[[[_moz]]]] と指定します。
([[名無しさん]] [WEAK[2007-10-17 01:08:08 +00:00]])

* [CODE[br]] 要素 (コーパス)

[1] [[コーパスのタグセット]]で
[DFN[[CODE[br]]]]
[[要素]]が使われることがあります。

[51] 
[CODE[br]] [[要素]]は[[論理改行]]を表します。
[SRC[>>50 #page=22]]

[53] 
[CODE[br]] [[要素]]は[[空要素]]です。

[52] 
[[改頁]]、[[改段]]と対になった[[改行]]を表す [CODE[lb]] [[要素]]がありますが、
それとは別に [CODE[br]] があります。

[REFS[

- [49] [CITE@ja[国立国語研究所学術情報リポジトリ]], [TIME[2023-11-26T08:12:17.000Z]] <https://repository.ninjal.ac.jp/records/3302>
-- [50] 
[CITE[[L[『国民之友コーパス』解説書[BR[]]第1.1 版]]]],
[[[L[近藤明日子]]]],
[[[L[2014]]]],
[CODE[kokumin_manual_v1_1.pdf]]

]REFS]

* メモ

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

:[F[要素名]]:[CODE[br]]
:日付:[TIME[2004-09-23]]
:説明:
[TIME[2004-09-23]]版時点の
[CITE@en-GB-hixie[Web Applications 1.0]]
で
[CODE[br]]
の明確化が必要な旨の注釈が含まれていた。
:出典:
[REFS[

-
[CITE@en-GB-hixie[Web Applications 1.0]], 
[DATA(.author)[[[WHATWG]]]],
[[Ian Hickson]],
[DATA(.status)[[[Working Draft]]]],
[TIME(.published)[8 December 2004][2004-12-08]],
[TIME[2024-09-01T08:36:36.000Z]], [TIME[2004-12-10T05:54:20.058Z]] <https://web.archive.org/web/20041210054847/http://www.whatwg.org/specs/web-apps/current-work/>

]REFS]

]FIG]

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

:[F[要素名]]:[CODE[br]]
:日付:[TIME[2005-12]]
:説明:
[TIME[2005-12]]の [[Google検索]]のデータベースを使った調査によると、
[[要素]]の利用数第8位が
[CODE[br]]
だった。
:出典:
[REFS[

-
[CITE[Google Code: Web Authoring Statistics: Pages and elements]], 
[DATA(.author)[[[Ian Hickson]]]],
[TIME(.published)[2006]],
[TIME[2024-08-24T07:08:22.000Z]], [TIME[2006-02-03T03:49:06.745Z]] <https://web.archive.org/web/20060203033128/http://code.google.com/webstats/2005-12/pages.html>

]REFS]

]FIG]

[55] 
[CITE[Playing HTML TADS Games with the Character-Mode Interpreter]], [TIME[2007-01-24T18:57:45.000Z]], [TIME[2024-08-17T11:55:15.315Z]] <https://www.tads.org/t3doc/doc/htmltads/charmode.htm>

[92] [CITE[IRC logs: freenode / #whatwg / 20090916]]
([TIME[2009-11-01 10:42:50 +09:00]] 版)
<http://krijnhoetmer.nl/irc-logs/whatwg/20090916#l-116>

[93] [CITE@en[Web Applications 1.0 r5670 Update 's bidi behavior to match WebKit and IE rather than Gecko and Opera.Fixing http://www.w3.org/Bugs/Public/show_bug.cgi?id=10828]]
( ([TIME[2010-11-06 05:06:00 +09:00]] 版))
<http://html5.org/tools/web-apps-tracker?from=5669&to=5670>

[94] [CITE[''''''[''''''whatwg'''''']'''''' '''['''br''']''' element should not be a line break]]
( ([TIME[2010-12-07 21:27:45 +09:00]] 版))
<http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2010-December/029351.html>

[95] [CITE@ja[【続・誤植】Adobeの提案する新しい の世界が酷すぎて泣ける。 » KLOG-クロッグ-]]
( ([TIME[2012-06-24 19:29:36 +09:00]] 版))
<http://post.logown.com/2012/06/1270/>

[96] [CITE[''''''[''''''whatwg'''''']'''''' HTML spec incorrectly suggests that can have its rendering changed with CSS]]
( ([TIME[2014-01-23 08:09:50 +09:00]] 版))
<http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2014-January/041908.html>

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

[98] [CITE[''''''[''''''whatwg'''''']'''''' HTML spec incorrectly suggests that can have its rendering changed with CSS]]
( ([TIME[2014-04-29 23:49:00 +09:00]] 版))
<http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2014-April/254177.html>

[99] [CITE@en[''''''[''''''css-display'''''']'''''' Explaining ]]
( ([[Tab Atkins Jr.]] 著, [TIME[2014-06-13 08:05:39 +09:00]] 版))
<http://lists.w3.org/Archives/Public/www-style/2014Jun/0155.html>

[100] [CITE@en[Web Applications 1.0 r8745 Update how 'br' is specced at the CSS level. This depends on as-yet incomplete CSS changes.]]
( ([TIME[2014-09-05 07:06:00 +09:00]] 版))
<http://html5.org/r/8745>

[35] [CITE@en[Re: ''''''[''''''css-display'''''']'''''' Explaining ]]
([[Tab Atkins Jr.]] 著, [TIME[2016-03-25 03:32:55 +09:00]] 版)
<https://lists.w3.org/Archives/Public/www-style/2016Mar/0367.html>

[36] [CITE@en[Re: '''['''css-display''']''' Explaining ]]
([[fantasai]]著, [TIME[2017-02-15 08:51:32 +09:00]])
<https://lists.w3.org/Archives/Public/www-style/2017Feb/0065.html>

[43] [CITE[改行 を複数連続しない方がいい理由【そんなHTMLで大丈夫か?#1】 - ペパボテックブログ]]
([TIME[2017-07-07 19:06:03 +09:00]])
<http://tech.pepabo.com/2017/06/22/html-markup-tips-01/>

[44] [CITE@en[MSAA+IA2 mappings for / issue #118]]
([[jasonkiss]]著, [TIME[2018-02-07 05:59:38 +09:00]])
<https://github.com/w3c/html-aam/commit/d4a1976b1804e4c23b5680185c5bd5e7ce74e42b>

[45] [CITE@en[Sanity check: Should 'br' really be mapped in MSAA+IA2? · Issue #118 · w3c/html-aam]]
([TIME[2018-02-07 13:29:32 +09:00]])
<https://github.com/w3c/html-aam/issues/118>

[46] [CITE@en[MSAA+IA2 mappings for / issue #118]]
([[jasonkiss]]著, [TIME[2018-02-07 05:59:38 +09:00]])
<https://github.com/w3c/html-aam/commit/d4a1976b1804e4c23b5680185c5bd5e7ce74e42b>

[47] [CITE@en[Sanity check: Should 'br' really be mapped in MSAA+IA2? · Issue #118 · w3c/html-aam]]
([TIME[2018-05-08 21:19:15 +09:00]])
<https://github.com/w3c/html-aam/issues/118>

[48] [CITE@ja[報道発表資料:車検証を電子へ! ~電子車検証の仕様に関する検討結果について~ - 国土交通省]]
([TIME[2020-12-08T05:05:19.000Z]], [TIME[2020-12-11T00:56:07.314Z]])
<https://www.mlit.go.jp/report/press/jidosha08_hh_003912.html>

Historical Legal Sensitive Parent: [Help / License]

Edit

Page

Errors

Page name(s)