Penggunaan NON-BREAKING SPACE (Source: ChatGPT)

Apa itu   dalam HTML?

  adalah singkatan dari non-breaking space dalam HTML. Ini adalah entitas karakter khusus yang menyisipkan spasi yang mencegah terjadinya pemisahan baris di tempat tertentu. Penggunaannya sangat berguna untuk menjaga agar elemen tetap bersama atau mengontrol bagaimana teks dibungkus di dalam halaman HTML.

Biasanya, HTML akan menggabungkan beberapa spasi menjadi satu dan dapat memecah baris pada spasi jika teks terlalu panjang untuk muat dalam satu baris. Dengan menggunakan  , spasi tetap terjaga dan tidak ada pemisahan baris yang terjadi di titik tersebut.

Mencegah Pemisahan Baris di Antara Kata

Contoh:

<p>Nama Depan: John&nbsp;Doe</p>

Menambah Spasi di Antara Elemen

<button>Klik&nbsp;Di&nbsp;Sini</button>

Menangani Alamat, Nomor Telepon, dan Teks Terformat

<p>Hubungi kami di 555-1234&nbsp;atau&nbsp;kunjungi kami di 123&nbsp;Jalan&nbsp;Utama.</p>

Menyusun Elemen

<p>Item&nbsp;1&nbsp;&nbsp;&nbsp;Item&nbsp;2&nbsp;&nbsp;&nbsp;Item&nbsp;3</p>

Dalam Formulir

<label for="email">Alamat&nbsp;Email:</label>
<input type="email" id="email">

Alternatif untuk  : CSS white-space

.no-break {
  white-space: nowrap;
}

Ringkasan

Gunakan   untuk mencegah pemisahan baris di antara kata atau elemen (misalnya nama, nomor telepon), menjaga format di wadah yang sempit, dan menambah spasi di antara item.

Hindari menggunakan   untuk tujuan layout atau spasi—CSS adalah pilihan yang lebih baik untuk itu.

Untuk SEO dan keterbacaan, jangan menggunakan   secara berlebihan untuk teks besar atau dalam konten yang membutuhkan spasi yang tepat.

Dengan memahami kapan dan bagaimana menggunakan   dengan benar, Anda dapat mengontrol bagaimana teks dibungkus dan berperilaku di berbagai perangkat, memastikan tata letak halaman web Anda lebih bersih dan konsisten.