Perbedaan utama: Itu
tag menciptakan jeda baris dan secara default membuat pembagian antara teks yang muncul setelah tag dimulai dan sampai tag berakhir dengan
. Itu tag tidak membuat jeda baris yang mirip dengan a
tag, tetapi lebih memungkinkan pengguna untuk memisahkan hal-hal dari elemen lain di sekitarnya pada halaman dalam baris yang sama.
Itudan tag adalah dua tag umum yang ditemukan saat membuat halaman menggunakan HTML dan melakukan fungsi yang berbeda. Ini sering membingungkan bagi banyak pemula yang mencoba memahami mana yang harus digunakan ketika. Mari kita pahami perbedaan antara keduanya.
Itu
tag adalah elemen tingkat blok, sedangkan tag adalah elemen inline. Keduanya sering digunakan ketika mencoba mengontrol berbagai aspek halaman web, termasuk gambar, teks, dan sebagainya.
Itu
tag menciptakan jeda baris dan secara default membuat pembagian antara teks yang muncul setelah tag dimulai dan sampai tag berakhir dengan
. Ini membuat kotak terpisah atau wadah khusus untuk semua elemen, teks, dan gambar lain yang ditempatkan dalam teks ini. Tag ini biasanya berdiri sendiri dan tidak boleh digunakan dengan
tag (paragraf).
Itu tag tidak membuat jeda baris yang mirip dengan atag, tetapi lebih memungkinkan pengguna untuk memisahkan hal-hal dari elemen lain di sekitarnya pada halaman dalam baris yang sama. Tidak adanya line break, hanya menghasilkan teks yang dipilih untuk berubah, menjaga semua elemen lain di sekitarnya tetap sama. Ini sering digunakan untuk membuat bagian tertentu dari teks menonjol, seperti mewarnai atau membuatnya tebal. Tag ini sering digunakan dalam
tag.
Perbandingan antara div dan span Tag dalam Html:
|
tag div |
tag rentang |
|
|
Jenis elemen |
Elemen tingkat blok |
Elemen sebaris |
|
Mulai |
Di halaman baru |
Tidak perlu memulai pada baris baru |
|
Ruang |
Mengambil lebar penuh yang tersedia |
Memakai lebar sebanyak yang diperlukan |
|
Contoh lainnya |
– |
|
|
Digunakan sebagai |
Wadah untuk elemen HTML lainnya |
Wadah untuk beberapa teks |
|
Atribut |
Tidak diperlukan atribut, tetapi gaya dan kelas adalah hal biasa |
Tidak diperlukan atribut, tetapi gaya dan kelas adalah hal biasa
|
|
Saat digunakan dengan CSS |
Dapat digunakan untuk menata blok konten |
Dapat digunakan untuk menata bagian teks |
Gambar Courtesy: html-5-tutorial.com, safeschoolbexley.co.uk