HTML 5: Apakah <br>, <br/>, atau <br />?

Saya sudah mencoba memeriksa jawaban lain , tetapi saya masih bingung - terutama setelah melihat referensi W3schools HTML 5 .

Saya pikir HTML 4.01 seharusnya "mengizinkan" tag tunggal menjadi <img>dan <br>. Kemudian XHTML datang bersama <img />dan <br />(di mana seseorang mengatakan bahwa ada ruang untuk browser yang lebih tua ).

Sekarang saya bertanya-tanya bagaimana saya seharusnya memformat kode saya ketika berlatih HTML 5.

Apakah itu <br>, <br/>atau <br />?

Cukup <br>sudah cukup.

Formulir lain ada untuk kompatibilitas dengan XHTML; untuk memungkinkannya menulis kode yang sama dengan XHTML, dan membuatnya juga berfungsi sebagai HTML. Beberapa sistem yang menghasilkan HTML mungkin didasarkan pada generator XML, dan karenanya tidak memiliki kemampuan untuk menghasilkan hanya <br>tag kosong ; jika Anda menggunakan sistem seperti itu, tidak apa-apa untuk digunakan <br/>, itu hanya tidak perlu jika Anda tidak perlu melakukannya.

Sangat sedikit orang yang benar-benar menggunakan XHTML. Anda perlu menayangkan konten Anda application/xhtml+xmlagar ditafsirkan sebagai XHTML, dan itu tidak akan berfungsi dalam versi lama IE - itu juga berarti bahwa setiap kesalahan kecil yang Anda buat akan mencegah halaman Anda ditampilkan di browser yang mendukung XHTML. Jadi, sebagian besar yang tampak seperti XHTML di web sebenarnya dilayani, dan ditafsirkan, sebagai HTML. Lihat Melayani XHTML sebagai teks / html Dianggap Berbahaya untuk beberapa informasi lebih lanjut.

Saya pikir kutipan dari Draft Referensi 5 HTML ini memberikan jawabannya:

3.2.2.2 Elemen Batal

Istilah elemen batal digunakan untuk menunjuk elemen yang harus kosong . Persyaratan ini hanya berlaku untuk sintaks HTML. Dalam XHTML, semua elemen tersebut diperlakukan sebagai elemen normal, tetapi harus ditandai sebagai elemen kosong.

Elemen-elemen ini dilarang mengandung konten apa pun. Dalam HTML, elemen-elemen ini hanya memiliki tag awal . The tag menutup diri sintaks dapat digunakan. The tag akhir harus dihilangkan karena unsur ini secara otomatis ditutup oleh parser.

Contoh HTML:
Elemen kosong dalam sintaks HTML. Ini tidak diizinkan dalam sintaks XHTML.

<hr>

Contoh:
Elemen kosong menggunakan sintaksis tag penutup-sendiri yang kompatibel dengan HTML dan XHTML.

<hr/>

Contoh XHTML:
Elemen kosong menggunakan sintaks XHTML-only dengan tag akhir eksplisit. Ini tidak diizinkan untuk elemen void dalam sintaks HTML.

<hr></hr>

XML tidak mengizinkan membiarkan tag terbuka, jadi itu membuat <br>sedikit lebih buruk daripada dua lainnya. Dua lainnya kira-kira setara dengan yang kedua ( <br/>) lebih disukai untuk kompatibilitas dengan browser lama. Sebenarnya, ruang sebelumnya /lebih disukai untuk kompatibilitas, tapi saya pikir itu hanya masuk akal untuk tag yang memiliki atribut. Jadi saya akan mengatakan salah satu <br/>atau <br />, mana saja yang menyenangkan estetika Anda.

Singkatnya: ketiganya valid dengan yang pertama ( <br>) sedikit lebih "portabel".

Sunting : Sekarang kita semua tergila-gila dengan spesifikasi, saya pikir ada baiknya menunjukkan bahwa menurut dev.w3.org :

Tag awal terdiri dari bagian-bagian berikut, persis dengan urutan sebagai berikut:

1. Karakter "<".
2. Nama tag elemen.
3. Secara opsional, satu atau lebih atribut, yang masing-masing harus didahului oleh satu atau lebih karakter spasi.
4. Secara opsional, satu atau lebih karakter spasi.
5. Secara opsional, karakter "/", yang mungkin ada hanya jika elemen tersebut elemen kosong.
6. Karakter ">".

Dalam HTML (hingga HTML 4) : gunakan<br>

Dalam HTML 5 : <br>lebih disukai, tetapi <br/>dan <br />juga dapat diterima

Dalam XHTML : <br />lebih disukai. Bisa juga menggunakan <br/>atau<br></br>

Catatan:

• <br></br> tidak valid dalam HTML 5, itu akan dianggap sebagai dua jeda baris.
• XHTML sensitif huruf, HTML tidak sensitif huruf.
• Untuk kompatibilitas ke belakang, beberapa browser lama akan mem-parsing XHTML sebagai HTML dan gagal <br/>tetapi tidak<br />

Referensi:

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

Menurut spec , formulir yang diharapkan adalah <br>untuk HTML 5 tetapi slash penutupan diizinkan.

Saya akan merekomendasikan menggunakan <br /> untuk alasan berikut:

1) Teks dan editor XML yang menyoroti sintaks XML dalam berbagai warna akan disorot dengan benar <br /> tetapi ini tidak selalu terjadi jika Anda menggunakan<br>

2) <br /> kompatibel dengan XHTML dan HTML yang dibentuk dengan baik (yaitu: XHTML) seringkali lebih mudah divalidasi untuk kesalahan dan debug

3) Beberapa parser lama dan beberapa spesifikasi pengkodean memerlukan ruang sebelum slash penutup (yaitu: <br />alih-alih <br/>) seperti spesifikasi Plugin WordPress Coding: http://make.wordpress.org/core/handbook/coding-standards/html/

Saya pengalaman saya, saya tidak pernah menemukan kasus di mana penggunaan <br />bermasalah, namun, ada banyak kasus di mana <br/>atau terutama <br>mungkin bermasalah di browser dan alat yang lebih tua.

XML mengharuskan semua tag memiliki tag penutup yang sesuai. Jadi ada sintaks tangan pendek khusus untuk tag tanpa isi dalam.

HTML5 bukan XML, jadi seharusnya tidak menimbulkan persyaratan seperti itu. HTML 4.01 juga tidak.

Misalnya, dalam spesifikasi HTML5 , semua contoh dengan brtag menggunakan <br>sintaks, bukan<br/> .

UPD Sebenarnya, <br/>yang diizinkan di HTML5 . 9.1.2.1, 7.

Jika Anda tertarik pada komparabilitas (bukan kompatibilitas, tetapi komparatif) maka saya akan tetap dengan <br /> .

Kalau tidak, <br>tidak apa-apa.

Keduanya <br>dan <br />dapat diterima dalam HTML5, tetapi dalam semangat HTML, <br>harus digunakan. HTML5 memungkinkan penutupan garis miring agar lebih kompatibel dengan dokumen yang sebelumnya HTML 4.01 dan XHTML 1.0, memungkinkan migrasi yang lebih mudah ke HTML5. Tentu saja, <br/>ini juga dapat diterima, tetapi agar kompatibel dengan beberapa browser lama, harus ada ruang sebelum slash penutup ( /).

1. Jika Anda menghasilkan HTML di situs web biasa yang dapat Anda gunakan <br> atau <br/> , keduanya berlaku kapan saja Anda menyajikan HTML5 sebagai teks / html.

2. Jika Anda menyajikan HTML5 sebagai XHTML (yaitu aplikasi tipe konten / xhtml + xml, dengan deklarasi XML) maka Anda harus menggunakan tag penutup sendiri seperti: <br/> .

   Jika Anda tidak melakukannya, beberapa peramban mungkin akan menolak untuk merender halaman Anda (khususnya Firefox sangat ketat membuat hanya xhtml + xml halaman yang valid).

   Seperti disebutkan dalam 1. <br/>juga berlaku untuk HTML5 yang kebetulan dihasilkan sebagai XML tetapi berfungsi sebagai teks / html biasa tanpa deklarasi XML (seperti dari XSL Transform yang menghasilkan halaman web, atau yang serupa).

Untuk menjernihkan kebingungan: Menempatkan spasi sebelum slash tidak diperlukan dalam HTML5 dan tidak membuat perbedaan pada bagaimana halaman diberikan (jika ada yang bisa menyebutkan contoh saya akan menarik kembali ini, tapi saya tidak percaya itu benar - tetapi IE tentu melakukan banyak hal aneh lainnya dengan semua bentuk <br>tag).

Validator yang sangat baik di http://validator.w3.org sangat membantu untuk memeriksa apa yang valid (walaupun saya tidak yakin Anda dapat mengandalkannya untuk juga memeriksa jenis konten).

Keduanya <br>dan <br/>akan baik-baik saja tetapi saya lebih suka <br/>karena itu sedikit lebih logis. Adalah logis untuk mengharapkan tag penutup setiap kali ada tag pembuka. Karenanya kode Anda sedikit lebih mudah dibaca jika Anda tidak menggunakan tag pembuka ketika tidak akan ada tag penutup.

Semua browser (kecuali mungkin beberapa yang sangat lama yang tidak penting) akan menampilkan keduanya persis sama. Namun, <br>tidak sesuai xHTML.

<br>dan <br/>membuat secara berbeda. Beberapa browser menafsirkan <br/>sebagai <br></br>dan insert dua jeda baris

<br>cukup tetapi dalam XHTML <br />lebih disukai menurut WHATWG dan menurut W3C .

Mengutip Bagian 8.1.2.1 dari HTML 5.2 Rekomendasi W3C, 14 Desember 2017

Tag awal harus memiliki format berikut:

...

5. Setelah atribut, atau setelah nama tag jika tidak ada atribut, mungkin ada satu atau lebih karakter spasi. (Beberapa atribut harus diikuti oleh spasi. Lihat §8.1.2.3 Atribut di bawah ini.)

6. Kemudian, jika elemen tersebut adalah salah satu elemen void, atau jika elemen tersebut adalah elemen asing, maka mungkin ada karakter U + 002F SOLIDUS tunggal (/). Karakter ini tidak berpengaruh pada elemen batal, tetapi pada elemen asing itu menandai tag awal sebagai menutup diri.

Jika Anda menggunakan Dreamweaver CS6, maka itu akan melengkapi secara otomatis sebagai <br />.

Untuk memvalidasi file HTML Anda di W3C lihat: http://validator.w3.org/

Dalam validasi, dari pertanyaan ini, itu benar-benar tergantung pada apa yang !DOCTYPEAnda coba verifikasi.

Favorit pribadi saya adalah di 4.01 Transmana saya hanya menggunakan <br/>dan menghapus peringatan dan kesalahan yang mungkin muncul selama validasi

Ketat adalah binatang yang jauh lebih rumit, Benci "SHORTTAGS"dan secara harfiah hanya menginginkan<br></br>

Di HTML5atau "LAX" dari dunia kode, sebenarnya tidak ada jawaban yang benar karena itudetects every example you put up benar ......

Pada akhirnya, saya pikir semua itu penting is what validation YOU PREFERatau the person that you are working for prefers... dengan lackadaisicalpergerakan kode ketat di html5kita melihat beberapa CODERS SANGAT LAZY

IMHO lebih baik menggunakan notasi reguler ( <br />) daripada notasi pemaaf (<br> ) karena alasan berikut:

Konsistensi

Di HTML Anda mungkin ada beberapa SVG dan SVG hanya mendukung notasi reguler (mis <rect />.).

Hackability

Ini bukan kasus bahwa kerangka kerja seperti Bereaksi dan NativeScript menggunakan notasi XML.
Kode markup Anda akan lebih mudah diurai.

Kejelasan

Notasi reguler lebih mudah dibaca dan dipahami, bahkan larut malam.

Spesifikasi

Keduanya <br>dan <br />merupakan tag HTML yang valid.

Kesimpulan

Jika Anda menggunakan editor teks lengkap, konfigurasikan untuk menggunakan notasi reguler (yang disebut XHTML oleh Emmet ).
Misalnya, dalam Visual Studio Code Anda hanya perlu menambahkan baris berikut ke pengaturan Anda:

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

Yah yang saya tahu adalah <br />memberi istirahat dengan garis putih dan<br> hanya memberi istirahat dalam beberapa kasus. Ini terjadi pada saya ketika saya sedang menyiapkan skrip IPN (PHP) dan mengirim surat dan memeriksa kotak masuk untuk itu. Tidak tahu mengapa, tetapi saya hanya mendapat pesan agar terlihat rapi menggunakan keduanya<br /> and <br>

Lihat surat di sini: http://snag.gy/cLxUa.jpg

Dua bagian teks yang pertama dipisahkan oleh <br />, karenanya baris spasi, tiga baris teks terakhir di bagian bawah dan bagian terakhir dipisahkan oleh <br>dan hanya memberikan baris baru.

Dalam HTML <br>dan XHTML<br/> .

Saya akan menyarankan Anda untuk menggunakan <br/>.

Seperti banyak yang telah dibahas, keduanya <br>dan <br/>dapat diterima.

Saya kira tradeoff adalah keterbacaan yang lebih baik dan kompatibilitas mundur <br/>dibandingkan mengirim satu karakter kurang ke pengguna akhir dengan <br>.

Dan karena Google menggunakan <br>saya.

(Tentu saja perlu diingat bahwa mereka mungkin melayani saya <br>karena saya menggunakan Chrome yang mereka tahu mendukungnya. Di IE mereka mungkin masih melayani <br/>)

<br>berfungsi dengan baik. Versi yang lebih ketat seperti XHTML mengharuskan Anda untuk menambahkan penutup, dan versi HTML yang benar-benar lama yang tidak menyertakan tag DOCTYPEmake <br>non-void <br></br>.

Singkatnya: <br>baik-baik saja. Yang lain juga baik-baik saja.

Dalam HTML5 slash tidak lagi diperlukan: <br>,<hr>

Sebagian besar kasus dalam HTML, tag-tag tersebut berpasangan. Tetapi untuk satu baris, Anda tidak perlu sepasang tag. Karenanya untuk menunjukkan ini, HTML menggunakan <br/>format. <br/>adalah yang benar. Gunakan format itu.

<br>tag tidak memiliki tag akhir dalam HTML Di XHTML, <br>tag harus ditutup dengan benar, seperti ini:<br />

Dalam XML setiap tag harus ditutup. XHTML adalah ekstensi dari XML, maka semua aturan XML harus diikuti untuk XHTML yang valid. Oleh karena itu bahkan tag kosong (simpul tanpa simpul anak) seperti
harus ditutup. XML memiliki bentuk pendek yang disebut tag penutup sendiri untuk node kosong. Kamu bisa menulis <br></br> as <br />. Karenanya dalam XHTML <br />digunakan.

HTML sangat lunak dalam hal ini, dan tidak ada aturan seperti itu. Jadi dalam HTML node kosong seperti <br> <hr> <meta>dll ditulis tanpa garis miring penutup.

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/" />

Tidak semua tag dapat ditutup sendiri. Misalnya, tag suka <script src="jQuery.min.js" />tidak diizinkan oleh XHTML DTD.

Ummm ..... apakah ada yang tahu vendor TUNGGAL, agen-pengguna, atau pembuat browser yang pernah mengikuti Spesifikasi W3C 100% ??? Jadi, jika HTML5 mengatakan mendukung ketiga versi elemen break, Anda dapat bertaruh bahwa vendor mendukung versi yang sama dan bahkan lebih ceroboh!

Satu-satunya hal yang penting dalam debat ini adalah secara konsisten menggunakan pengkodean yang juga terjadi untuk mengikuti spesifikasi XML serta spesifikasi HTML bila memungkinkan. Itu berarti Anda harus menggunakan versi tag break tag XML yang benar dan mendorong semua tim Anda untuk melakukan hal yang sama:

<br />

Format spasi-slash yang sama harus berlaku untuk img, a, hr, dan meta tag dalam kode Anda. Mengapa? Karena:

1. Ini kompatibel dengan agen-agen / browser XHTML yang lebih tua
2. Vendor browser tetap mendukung versi XML sehingga spesifikasi HTML5 dapat diperdebatkan.
3. Implementasi ceroboh dari sebagian besar agen pengguna saat ini, di masa lalu, dan di masa depan akan menerimanya.
4. Ini memungkinkan markup Anda dapat dibandingkan dengan standar XML jika Anda harus kembali membuat dokumen XHTML / XML dari markup Anda.
5. Ini adalah "praktik pengkodean yang baik" untuk SEMUA PENGEMBANG WEB untuk tetap menggunakan praktik markup solid yang mengikuti XML, termasuk pengkodean dalam semua huruf kecil, atribut yang dikutip, karakter XML yang lolos, dll. Mengapa? Di masa depan jika Anda harus beralih ke data XML, Anda secara otomatis kode dan berpikir dalam XML.
6. Kami hanya dapat berharap bahwa di World Wide Web yang akan datang, kami menjauh dari standar yang diterapkan vendor swasta dan kembali ke markup yang solid, andal, terverifikasi yang mem-parsing lebih cepat, memindahkan data melalui kabel lebih cepat, dan menjadikan internet masa depan kita lebih terstandarisasi media menggunakan XML.

Selain itu, di dunia robot dan mesin yang ada di sini, di mana robot tidak memiliki masalah pengkodean antarmuka Manusia yang sama yang dipecahkan HTML5 untuk kami, mereka dengan senang hati akan kembali ke sistem data XML dan mem-parsing laman web UI semacam itu jauh lebih cepat bila dikonversi ke XML data.

baik <br>dan <br/>bekerja tetapi tidak perlu menggunakan yang kedua karena HTML 5 juga mendukung sintaks pertama yang sangat mudah

berfungsi dengan baik di HTML5. HTML5 memungkinkan sedikit lebih banyak waktu luang daripada XHTML

Jika Anda menggunakan HTML5, maka menggunakan <br>adalah cara yang tepat untuk :)

<br>dan <br />merender secara berbeda di beberapa browser, jadi memilih salah satu dari yang lain tidak akan merugikan proyek Anda, tetapi harapkan ditemukan secara massal .. ganti untuk memengaruhi halaman render di beberapa browser, yang dapat mengakibatkan kerja ekstra untuk Anda sendiri atau bahkan malu jika perubahan tidak mempengaruhi apa pun di browser pengujian Anda, tetapi pecahkan dalam browser pilihan klien Anda.

Saya lebih suka <br>karena itu yang saya gunakan sejak Erwise dan Netscape Navigator (browser web awal), tetapi tidak ada alasan untuk tidak memilih <br />sebagai gantinya. Ini mungkin berguna untuk beberapa preprocessing, komparabilitas, dll.

Meskipun pilihan Anda cenderung memilih tampilan yang satu di atas yang lain, atau Anda (atau editor HTML favorit Anda misalnya Dreamweaver) mungkin ingin kode Anda sesuai dengan xml. Terserah kamu.

Catatan singkat:

Tidak perlu bingung dengan br, tetapi selain itu Anda juga dapat mempertimbangkan menggunakan wbrtag dalam HTML Anda: Tag peluang istirahat kata, yang menentukan di mana dalam teks itu akan baik-baik saja untuk menambahkan jeda baris.

Untuk bacaan lebih lanjut, silakan baca spesifikasi HTML5 .

Elemen tanpa tag akhir disebut sebagai tag kosong. Di html 4 dan html 5, tag akhir tidak diperlukan dan dapat dihilangkan.

Dalam xhtml, tag sangat ketat. Itu berarti harus mulai dengan tag awal dan diakhiri dengan tag akhir.