HTML 5：<br>、<br/>、または<br />ですか？

なぜ<br/>ではなく<br/>？確認しようとしましたなぜ<br/>ではなく<br/>？、それでも混乱しています—特にW3schools HTML5リファレンスを見た後です。

私は、HTML 4.01がちょうどであることを「許可」のシングルタグになっていたと思った<img>と<br>。その後、XHTMLはと一緒に来<img />と<br />（スラッシュを閉じる前のスペース？）。

HTML 5を練習するときに、コードをどのようにフォーマットするのか疑問に思っています。

それですか<br>、<br/>それとも<br />？

単に<br>十分です。

他の形式はXHTMLとの互換性のためにあります。XHTMLと同じコードを記述できるようにし、HTMLとしても機能させるため。HTMLを生成する一部のシステムは、XMLジェネレーターに基づいている可能性があるため、ベアタグのみを出力する機能はありません<br>。このようなシステムを使用している場合は<br/>、使用しても問題ありません。必要がなければ、必要ありません。

ただし、実際にXHTMLを使用している人はほとんどいません。application/xhtml+xmlXHTMLとして解釈されるようにコンテンツを提供する必要がありますが、これは古いバージョンのIEでは機能しません。小さなエラーが発生すると、XHTMLをサポートするブラウザーでページが表示されなくなることも意味します。したがって、Web上でXHTMLのように見えるもののほとんどは、実際にはHTMLとして提供され、解釈されています。詳細については、「有害と見なされるtext / htmlとしてのXHTMLの提供」を参照してください。

HTML 5リファレンスドラフトからのこの引用が答えを提供すると思います：

3.2.2.2ボイド要素

ボイド要素という用語は、空でなければならない要素を示すために使用されます。これらの要件は、HTML構文にのみ適用されます。XHTMLでは、このような要素はすべて通常の要素として扱われますが、空の要素としてマークアップする必要があります。

これらの要素には、コンテンツを含めることは一切禁止されています。HTMLでは、これらの要素には開始タグのみがあります。自己終了タグの構文を使用することができます。終了タグは、要素が自動的にパーサによって閉じられているため、省略しなければなりません。

HTMLの例：
HTML構文のvoid要素。これは、XHTML構文では許可されていません。

<hr>

例：
HTMLおよびXHTML互換の自己終了タグ構文を使用するvoid要素。

<hr/>

XHTMLの例：
明示的な終了タグを使用してXHTMLのみの構文を使用するvoid要素。これは、HTML構文のvoid要素には許可されていません。

<hr></hr>

XMLではタグを開いたままにすることができないため<br>、他の2つよりも少し悪化します。他の2つは<br/>、古いブラウザとの互換性のために推奨される2番目の（）とほぼ同等です。実際に/は、互換性のために前のスペースが優先されますが、属性を持つタグに対してのみ意味があると思います。だから私はあなたの美学を喜ばせる<br/>か<br />、どちらかと言うでしょう。

要約すると、3つすべてが有効であり、最初の1つ（<br>）は少し「ポータブル」ではありません。

編集：私たち全員がスペックに夢中になっているので、dev.w3.orgによるとそれを指摘する価値があると思います：

開始タグは、正確に次の順序で、次の部分で構成されます。

1. 「<」文字。
2. 要素のタグ名。
3. オプションで、1つ以上の属性。各属性の前に1つ以上のスペース文字を付ける必要があります。
4. オプションで、1つ以上のスペース文字。
5. オプションで、「/」文字。要素がvoid要素の場合にのみ存在する可能性があります。
6. ">"文字。

でHTML（HTML 4まで）：使用<br>

ではHTML 5：<br>好ましいが、<br/>と<br />にも受け入れられます

ではXHTML：<br />好ましいです。<br/>またはを使用することもできます<br></br>

ノート：

• <br></br> HTML 5では無効です。2つの改行と見なされます。
• XHTMLでは大文字と小文字が区別されますが、HTMLでは大文字と小文字は区別されません。
• 下位互換性のために、一部の古いブラウザはXHTMLをHTMLとして解析し、失敗します<br/>が失敗します<br />

参照：

• http://www.w3schools.com/tags/tag_br.asp
• http://en.wikipedia.org/wiki/XHTML

仕様によると、予想される形式は<br>HTML 5用ですが、スラッシュは許可されています。

<br />次の理由で使用することをお勧めします。

1）異なる色でXML構文を強調表示するテキストおよびXMLエディターは、で適切に強調表示されますが<br />、これを使用する場合は常にそうであるとは限りません。<br>

2）<br />XHTMLとの下位互換性があり、整形式のHTML（つまり、XHTML）は、エラーの検証とデバッグが容易であることがよくあります。

3）WordPressプラグインコーディング仕様：http：//make.wordpress.org/core/handbook/coding-standards/html/のように、一部の古いパーサーと一部のコーディング仕様では、終了スラッシュの前にスペースが必要です（つまり、の<br />代わりに<br/>）。

私の経験で<br />は、使用に問題がある場合は一度もありませんが、古いブラウザやツールでは<br/>特に<br>問題になる場合が多くあります。

XMLでは、すべてのタグに対応する終了タグが必要です。したがって、内部コンテンツのないタグには、特別な省略構文があります。

HTML5はXMLではないため、そのような要件を課すべきではありません。HTML4.01でもありません。

たとえば、HTML5仕様では、brタグ付きのすべての例で<br>、ではなく構文が使用されます<br/>。

UPD実際に<br/>は、HTML5で許可されています。9.1.2.1、7。

比較可能性（互換性ではなく、比較可能性）に関心がある場合は、に固執し<br />ます。

それ以外の場合<br>は問題ありません。

どちら<br>と<br />HTML5で許容されているが、HTMLの精神で、<br>使用すべきです。HTML5では、以前はHTML4.01およびXHTML1.0であったドキュメントとの互換性を高めるためにスラッシュを閉じることができ、HTML5への移行が容易になります。もちろん、<br/>許容されますが、一部の古いブラウザと互換性を持たせるために、閉じスラッシュ（/）の前にスペースを入れる必要があります。

1. あなたが定期的にウェブサイト上でHTMLを出力している場合は、使用することができます<br> か <br/>、あなたはテキスト/ htmlとしてHTML5を提供している、いつでも有効です両方。

2. HTML5をXHTMLとして提供している場合（つまり、コンテンツタイプapplication / xhtml + xml、XML宣言付き）、次のような自己終了タグを使用する必要があります<br/>。

   そうしないと、一部のブラウザがページのレンダリングを拒否する可能性があります（特に、Firefoxは有効なxhtml + xmlページのみのレンダリングに非常に厳格です）。

   1.<br/>で説明したように、たまたまXMLとして生成されたがXML宣言のない通常のtext / htmlとして機能するHTML5にも有効です（Webページを生成するXSL変換などから）。

混乱を解消するには：HTML5ではスラッシュの前にスペースを入れる必要はなく、ページのレンダリング方法に違いはありません（例を引用できる場合は、これを撤回しますが、そうではないと思います） true-しかし、IEは確かにすべての形式の<br>タグで他の多くの奇妙なことをします）。

http://validator.w3.orgの優れたバリデーターは、何が有効かを確認するのに非常に役立ちます（ただし、コンテンツタイプも確認するために信頼できるかどうかはわかりません）。

両方<br>と<br/>罰金を行いますが、私は好むだろう<br/>、それはもう少し論理的だからです。開始タグがある場合は常に終了タグを期待するのが論理的です。したがって、終了タグがないときに開始タグを使用しないと、コードが少し読みやすくなります。

すべてのブラウザ（おそらく問題ではない非常に古いブラウザを除く）は、両方ともまったく同じように表示されます。ただし、<br>xHTMLに準拠していません。

<br>そして、<br/>は異なるレンダリングします。一部のブラウザは<br/>、<br></br>2つの改行として解釈して挿入します

<br>で十分ですが、WHATWGおよびW3Cによれば、XHTML<br />が推奨されます。

引用するには、セクション8.1.2.1のHTML 5.2 W3C勧告、2017年12月14日を

開始タグの形式は次のとおりです。

…

1. 属性の後、または属性がない場合はタグ名の後に、1つ以上のスペース文字が含まれる場合があります。（一部の属性の後にはスペースが必要です。以下の§8.1.2.3属性を参照してください。）

2. 次に、要素がvoid要素の1つである場合、または要素が外部要素である場合、単一のU + 002F SOLIDUS文字（/）が存在する可能性があります。この文字はvoid要素には影響しませんが、外部要素では開始タグを自己終了としてマークします。

Dreamweaver CS6を使用している場合は、としてオートコンプリートされ<br />ます。

W3CでHTMLファイルを検証するには、http：//validator.w3.org/を参照してください。

検証では、この質問について、!DOCTYPE検証を取得しようとしているものによって異なります。

私の個人的なお気に入りは4.01 Trans、を使用するだけで、<br/>検証中にポップアップした可能性のある警告とエラーをクリアすることです。

厳格ははるかに複雑な獣です、それは嫌いで"SHORTTAGS"あり、文字通り、<br></br>

でHTML5またはコードの世界の「LAX」、本当に理由は、それが正しい答えがないdetects every example you put upが正しいと......

結局のところ、私はすべてが重要だと思いますis what validation YOU PREFERかthe person that you are working for prefers...lackadaisicalコードの厳密さの動きでhtml5私たちはいくつかの非常に怠惰なコーダーを見ています

私見では、次の理由から<br />、許容表記（<br>）の代わりに通常の表記（）を使用することをお勧めします。

一貫性

HTMLには、おそらく一部のSVGがあり、SVGは通常の表記法のみをサポートしています（例<rect />）。

ハッキング性

ReactやNativeScriptのようなフレームワークがXML表記を使用するわけではありません。
マークアップコードの解析が簡単になります。

明快さ

通常の表記は、深夜でも読みやすく、理解しやすいものです。

仕様

<br>と<br />は両方とも有効なHTMLタグです。

結論

本格的なテキストエディタを使用する場合は、通常の表記法（EmmetではXHTMLと呼ばれます）を使用するように設定します。
たとえば、Visual Studio Codeでは、設定に次の行を追加するだけです。

"emmet.syntaxProfiles": {"html": "xhtml"}

私が知っているのは、それ<br />が白い線で<br>休憩を与え、場合によっては休憩を与えるということだけです。これは、IPNスクリプト（PHP）を設定し、メールを送信して受信トレイで確認したときに発生しました。理由はわかりませんが、両方を使用してきれいに見えるメッセージしか得られませんでした<br /> and <br>

こちらのメールをご覧ください：http：//snag.gy/cLxUa.jpg

テキストの最初の2つのセクションはで区切られている<br />ため、空白行、下部の最後の3行のテキスト、最後のセクションはで区切られ<br>、新しい行が表示されます。

HTML<br>およびXHTMLで<br/>。

を使用することをお勧めします<br/>。

HTMLのほとんどの場合、タグはペアになっています。ただし、改行の場合、タグのペアは必要ありません。したがって、これを示すために、HTMLは<br/>フォーマットを使用します。<br/>正しいものです。その形式を使用してください。

<br>タグにはHTMLに終了タグが<br>ありませんXHTMLでは、次のようにタグを適切に閉じる必要があります。<br />

XMLでは、すべてのタグを閉じる必要があります。XHTMLはXMLの拡張であるため、有効なXHTMLを取得するには、XMLのすべてのルールに従う必要があります。したがって、のような空のタグ（子ノードのないノード）
でも閉じる必要があります。XMLには、空のノードの自己終了タグと呼ばれる短い形式があります。あなたは書くことができます<br></br> as <br />。したがって、XHTML<br />では使用されます。

HTMLはこの点で非常に寛大であり、そのような規則はありません。したがって、HTMLでは、<br> <hr> <meta>etcなどの空のノードはスラッシュなしで記述されます。

HTML

<br>
<hr>
<meta name="keywords" content="">
<link rel="canonical" href="http://www.google.com/">

XHTML

<br />
<hr />
<meta name="keywords" content="" />
<link rel="canonical" href="http://www.google.com/" />

すべてのタグをセルフクローズできるわけではありません。たとえば、のようなタグ<script src="jQuery.min.js" />はXHTMLDTDでは許可されていません。

他の多くの人がカバーしているように、両方<br>と<br/>も受け入れられます。

トレードオフは<br/>、でエンドユーザーに送信する文字を1つ少なくするよりも、読みやすさと下位互換性が優れていることだと思います<br>。

そしてグーグルが使う<br>ので私もそうするでしょう。

（もちろん、<br>サポートしていることがわかっているChromeを使用しているため、サービスを提供している可能性があることに注意してください。IEでは引き続きサービスを提供している可能性があります<br/>）

<br>正常に動作します。XHTMLのようなより厳密なバージョンでは、終了を追加する必要があります。実際に古いバージョンのHTMLには、のようなDOCTYPEmake<br>非voidタグが含まれていません<br></br>。

要約：<br>大丈夫です。他のものも大丈夫です。

ではHTML5スラッシュはもう必要ありません。 <br>、<hr>

うーん..... W3C仕様に100％準拠したことのある単一のベンダー、ユーザーエージェント、またはブラウザメーカーを知っている人はいますか？したがって、HTML5が3つのブレーク要素バージョンすべてをサポートしていると言っている場合、ベンダーは同じバージョンをサポートしているに違いありません。

この議論で重要なのは、可能な場合はHTML仕様だけでなくXML仕様にも準拠するコーディングを一貫して使用することだけです。つまり、正しいXMLバージョンのbreakタグを使用し、すべてのチームに同じことを行うように勧める必要があります。

<br />

コード内のimg、a、hr、およびmetaタグにも同じスペーススラッシュ形式を適用する必要があります。どうして？理由：

1. 古いXHTMLユーザーエージェント/ブラウザとの下位互換性があります
2. とにかくブラウザベンダーはXMLバージョンをサポートしているので、HTML5仕様は議論の余地があります。
3. 今日、過去、そして将来のほとんどのユーザーエージェントのずさんな実装はそれを受け入れるでしょう。
4. これにより、マークアップからXHTML / XMLドキュメントの作成に戻る必要がある場合に、マークアップをXML標準と比較できるようになります。
5. すべてのWeb開発者にとって、すべて小文字、引用符で囲まれた属性、エスケープされたXML文字などのコーディングを含む、XMLに準拠した堅実なマークアップ手法を使い続けることは「優れたコーディング手法」です。なぜですか。将来、XMLデータに切り替える必要がある場合は、自動的にXMLでコーディングして考えます。
6. 将来のワールドワイドウェブでは、ベンダーが実装したプライベート標準から離れて、より高速に解析し、データをネットワーク上でより高速に移動し、将来のインターネットをより標準化する、信頼性の高い検証済みのマークアップに戻ることを期待できます。 XMLを使用する媒体。

さらに、ここにあるロボットと機械の世界では、ロボットにはHTML5が解決するのと同じヒューマンインターフェイスコーディングの問題がありませんが、XMLに変換すると、喜んでXMLデータシステムに戻り、そのようなUIWebページをはるかに高速に解析します。データ。

HTML5では問題なく動作します。HTML5は、XHTMLよりも少し余裕があります

HTML5を使用している場合<br>は、使用するのが正しい方法です:)

<br/>最も適切なものです。このタグ表記は、代わりに改行が必要なReactjsでも使用できます。<br>

を使用するだけ<br>です。使用しないでください <br></br>。<br>ほとんどのタグとは異なり、閉じる必要のない特別なタグです。

<br>終了タグは必要ありません。W3Sによると：

<br>タグは空のタグであり、終了タグがないことを意味します。

また、すべての主要なブラウザでサポートされています。

詳細については、こちらをご覧ください。