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 />
?
role="presentation"
atribut, kecuali dalam kasus yang jarang itu fungsi linebreak sebagai 'konten'.Jawaban:
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+xml
agar 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.sumber
<br/>
sama dengan<br></br>
, tetapi yang terakhir bukan HTML yang valid.document.write
tidak berfungsi di xhtml - terima kasih telah berbagi. Saya setuju bahwa itu akan konyol bagi webapps untuk mencoba dan melakukan apa saja tanpa Javascript, tetapi saya mencoba mengatakan bahwa situs web yang mengandalkan hampir 100% persen pada Javascript lebih rapuh dan dapat gagal ketika pengguna menonaktifkan javascript (atau menggunakan ponsel lama) atau sesuatu)Saya pikir kutipan dari Draft Referensi 5 HTML ini memberikan jawabannya:
sumber
/>
karena bagus untuk dibaca.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 :
sumber
/
adalah penyebut yang umum di sini. HTML5 secara khusus memungkinkan penggunaan/
: "Secara opsional, karakter" / ", yang mungkin ada hanya jika elemen tersebut adalah elemen kosong".Dalam HTML (hingga HTML 4) : gunakan
<br>
Dalam HTML 5 :
<br>
lebih disukai, tetapi<br/>
dan<br />
juga dapat diterimaDalam 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.<br/>
tetapi tidak<br />
Referensi:
sumber
<br/>
dan<br />
(dengan SPACE) sama, tanpa preferensi untuk keduanya. Lihat spesifikasi XML 1.0 . Spasi putih (SPACE, tab, atau LINE FEED) sebelum/>
opsional, tanpa preferensi.Menurut spec , formulir yang diharapkan adalah
<br>
untuk HTML 5 tetapi slash penutupan diizinkan.sumber
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 debug3) 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.sumber
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
br
tag menggunakan<br>
sintaks, bukan<br/>
.UPD Sebenarnya,
<br/>
yang diizinkan di HTML5 . 9.1.2.1, 7.sumber
Jika Anda tertarik pada komparabilitas (bukan kompatibilitas, tetapi komparatif) maka saya akan tetap dengan
<br />
.Kalau tidak,
<br>
tidak apa-apa.sumber
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 (/
).sumber
<br />
sangat dapat diterima, dan W3Schools bukan spesifikasi untuk HTML. Lihat spesifikasi HTML5 , yang dengan jelas menyatakan bahwa "Lalu, jika elemen tersebut adalah salah satu elemen kosong , atau jika elemen tersebut adalah elemen asing , maka mungkin ada karakter " / "(U + 002F) tunggal . [Penekanan ditambahkan ] "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.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).
sumber
<br />
, kapan saya harus menggunakan tidak tertutup<br>
?<br/>
, tentu tidak ada yang perlu dikhawatirkan di zaman sekarang ini.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.sumber
<br>
dan<br/>
membuat secara berbeda. Beberapa browser menafsirkan<br/>
sebagai<br></br>
dan insert dua jeda barissumber
<br />
berarti<br>>
.<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
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/
sumber
Dalam validasi, dari pertanyaan ini, itu benar-benar tergantung pada apa yang
!DOCTYPE
Anda coba verifikasi.Favorit pribadi saya adalah di
4.01 Trans
mana saya hanya menggunakan<br/>
dan menghapus peringatan dan kesalahan yang mungkin muncul selama validasiKetat adalah binatang yang jauh lebih rumit, Benci
"SHORTTAGS"
dan secara harfiah hanya menginginkan<br></br>
Di
HTML5
atau "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 PREFER
atauthe person that you are working for prefers
... denganlackadaisical
pergerakan kode ketat dihtml5
kita melihat beberapa CODERS SANGAT LAZYsumber
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:
sumber
<br></br>
, dan itu valid dalam X (HT) ML, tetapi tidak dalam HTML.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.sumber
Dalam HTML
<br>
dan XHTML<br/>
.Saya akan menyarankan Anda untuk menggunakan
<br/>
.sumber
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/>
)sumber
<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 tagDOCTYPE
make<br>
non-void<br></br>
.Singkatnya:
<br>
baik-baik saja. Yang lain juga baik-baik saja.sumber
Dalam HTML5 slash tidak lagi diperlukan:
<br>
,<hr>
sumber
/>
. Lihat Bagian 8.1.2.1 & 2 . Dan lihat dokumen HTML vs. XHTML di whatwg.org, dan W3C Polyglot Markup: Profil yang kuat dari kosa kata HTML5 di W3C.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
XHTML
Tidak semua tag dapat ditutup sendiri. Misalnya, tag suka
<script src="jQuery.min.js" />
tidak diizinkan oleh XHTML DTD.sumber
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:
Format spasi-slash yang sama harus berlaku untuk img, a, hr, dan meta tag dalam kode Anda. Mengapa? Karena:
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.
sumber
baik
<br>
dan<br/>
bekerja tetapi tidak perlu menggunakan yang kedua karena HTML 5 juga mendukung sintaks pertama yang sangat mudahsumber
berfungsi dengan baik di HTML5. HTML5 memungkinkan sedikit lebih banyak waktu luang daripada XHTML
sumber
Jika Anda menggunakan HTML5, maka menggunakan
<br>
adalah cara yang tepat untuk :)sumber
<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 menggunakanwbr
tag 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 .
sumber
<br>
, tentu saja, adalah elemen batal, seperti yang Anda lihat di tautan dalam kutipan.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.
sumber