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

他の回答も確認してみましたが、特にW3schoolsのHTML 5リファレンスを確認した後も混乱しています。

HTML 4.01は単一タグがそのまま<img>であることを「許可」するはずだと思っていました<br>。次に、XHTMLが<img />and と共に登場しました<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つはほぼ同じで、2番目の（<br/>）は古いブラウザとの互換性のために推奨されています。実際に/は、互換性のために前にスペースを使用することをお勧めしますが、属性を持つタグに対してのみ意味があると思います。だから私はあなたの美学を満足させる<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プラグインコーディング仕様のように、一部の古いパーサーと一部のコーディング仕様では、閉じるスラッシュの前にスペースが必要です（つまり：の<br />代わりに<br/>）：http : //make.wordpress.org/core/handbook/coding-standards/html/

私の経験で<br />は、使用が問題になるケースに遭遇したことはありませんが、古いブラウザやツールで<br/>特に<br>問題になるケースが多くあります。

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

HTML5はXMLではないため、このような要件を課すべきではありません。HTML 4.01も同様です。

たとえば、HTML5仕様では、brタグのあるすべての例で<br>構文ではなくを使用しています<br/>。

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

比較可能性（互換性ではなく、比較可能性）に興味がある場合は、私はを使い続け<br />ます。

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

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

1. <br> または を使用できる通常のWebサイトでHTMLを出力している場合<br/>、HTML5をtext / htmlとして提供しているときはいつでも、どちらも有効です。

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にある優れたバリデーターは、何が有効であるかを確認するのに非常に役立ちます（ただし、content-typeを確認するために信頼できるかどうかはわかりません）。

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

すべてのブラウザー（重要ではない非常に古いブラウザーを除く）は両方ともまったく同じように表示されます。ただし、<br>xHTML には対応していません。

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

<br>十分であるがXHTMLに<br />好ましいWHATWGに従ってとW3Cによると。

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

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

…

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

6. 次に、要素が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、我々はいくつかの非常にLAZYコーダーを見ています

次の理由により<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/>。

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

とのトレードオフは、を<br/>使用してエンドユーザーに1文字少ない文字を送信する場合と比較して、読みやすさと下位互換性が向上すること<br>です。

そして、Googleが使用する<br>ので、私はそうします。

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

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

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

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

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>などは閉じスラッシュなしで記述されます。

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" />XHTML DTDでは次のようなタグは許可されていません。

うーん..... W3C仕様に100％従ったことのあるSINGLEベンダー、ユーザーエージェント、ブラウザメーカーを知っている人はいますか??? したがって、HTML5が3つすべてのbreak要素のバージョンをサポートしていると言っている場合、ベンダーが同じよりスロピーなバージョンをサポートしていることに疑いの余地はありません。

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

<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データシステムに戻り、そのようなUI WebページをXMLに変換するとはるかに速く解析されますデータ。

両方<br>と<br/>動作しますが、HTML 5にもとても簡単です。最初の構文をサポートするため、2番目のいずれかを使用する必要はありません

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

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

<br>そして<br />、他の上のいずれかを選択することも、あなたのプロジェクトを傷つけるつもりはないが、一部のブラウザでレンダリングページに影響を与えるためにバルクfind..replaceを期待していない、自分のために余分な作業になる可能性があるかので、一部のブラウザでは異なるレンダリング変更がテストブラウザーに影響を与えない場合の恥ずかしさはありますが、クライアントの優先ブラウザーでは変更できません。

<br>ErwiseおよびNetscape Navigator（初期のWebブラウザー）以降で使用しているので、私はそれを好みますが、<br />代わりに選択しない理由はありません。いくつかの前処理、比較可能性などに役立ちます。

選択の結果、どちらか一方の外観を優先する場合でも、あなた（またはDreamweaverなどのお気に入りのHTMLエディター）は、コードをxml準拠にすることを希望する場合があります。それはあなた次第です。

簡単な補足：

と混同しないでください。また、HTMLでタグのbr使用を検討することもできwbrます：改行の機会タグ。テキストのどこに改行を追加してもよいかを指定します。

詳細については、HTML5仕様をお読みください。

終了タグのない要素は空タグと呼ばれます。html 4およびhtml 5では、終了タグは不要であり、省略できます。

xhtmlでは、タグは非常に厳密です。つまり、開始タグで開始し、終了タグで終了する必要があります。