Kunci Perbezaan - div vs span
 

HTML adalah bahasa yang digunakan secara meluas untuk membangunkan laman web. Ia bermaksud Teks Bahasa Taip Hyper. Istilah Hyper merujuk kepada menghubungkan ke sumber web lain di internet. Istilah Markup merujuk kepada keupayaan untuk membuat teks yang diformat dengan imej dan sumber multimedia lain. Hyperlink adalah komponen utama dalam HTML yang menjadikan semua sumber web bersambung. Terdapat beberapa versi HTML. Mereka adalah HTML 2.0, 3.2, 4.01 dan HTML5. Pada asasnya, HTML adalah dokumen teks dengan tag. Ia memberitahu pelayar Web cara untuk menyusun halaman web untuk memaparkannya. Div dan span adalah dua tag dalam HTML. Setiap elemen HTML mempunyai nilai paparan lalai bergantung kepada jenis elemen. Jadi, mereka boleh menjadi satu blok atau elemen dalam talian. Artikel ini membincangkan perbezaan antara div dan span. The perbezaan utama antara div dan span itu div adalah elemen tahap blok sementara span adalah elemen sebaris.

KANDUNGAN

1. Gambaran Keseluruhan dan Perbezaan Utama
2. Apakah div
3. Apakah rentang
4. Kesamaan Antara div dan span
5. Perbandingan Side by Side - div vs span dalam Borang Tabular
6. Ringkasan

Apakah div??

Semua dokumen html bermula dengan perisytiharan jenis dokumen. Hari ini versi HTML yang paling biasa adalah HTML5. Oleh itu, pengisytiharan jenis ialah. Semua tag html hendaklah dimasukkan ke dalam dan tag. Butiran terperinci mengenai halaman web dimasukkan ke dalam tag. Halaman web yang kelihatan ditulis di dalam tag. Terdapat tag untuk setiap tujuan. The

tag digunakan untuk perenggan. The

,

dan lain-lain digunakan untuk tajuk. Kandungan di dalam tag permulaan dan akhir dikenal sebagai elemen. contohnya.

Ini adalah perenggan

.

Rajah 01: HTML5

Setiap elemen HTML mempunyai nilai paparan lalai bergantung kepada jenis elemen. Nilai paparan lalai sama ada boleh disekat atau sebaris. Elemen peringkat blok selalu bermula dengan barisan baru. Unsur-unsur ini mengambil lebar yang luas. Beberapa contoh elemen peringkat blok adalah

, ,

---

dan .

Tag div juga merupakan elemen tahap blok dalam HTML. Sintaks adalah seperti berikut.

Hai dunia!

Unsur-unsur div adalah kontena kepada unsur-unsur lain. Oleh itu, satu set elemen boleh dibungkus ke dalam elemen div. Apabila digunakan dengan Cascading Style Sheet (CSS), tag div boleh digunakan untuk menyusun suatu blok kandungan. Rujuk kod seksyen di bawah.

Dua perenggan berada di dalam tag div. Semua kandungan di dalam tag div mempunyai warna latar belakang hitam dan warna fon putih.

Apa itu span?

Tidak seperti dalam elemen tahap blok, elemen dalam baris tidak bermula pada baris baru. Ia hanya memerlukan lebar yang diperlukan. Beberapa contoh elemen inline adalah , ,
dan .

Teg span juga merupakan elemen inline dalam HTML. Sintaks adalah seperti berikut.

Hai dunia!

Rajah 02: tag div dan span

Teg span digunakan sebagai bekas untuk beberapa teks. Teg ini juga boleh digunakan dengan CSS. Oleh itu, sebahagian daripada teks boleh ditata. Rujuk contoh di bawah. 'Perenggan1' berada di dalam teg span. Warna ditambah menggunakan atribut gaya CSS.

Inilah perenggan1

Apakah Kesamaan Antara div dan rentang?

• Kedua-dua div dan span ialah tag kumpulan dalam HTML.
• Kedua-dua div dan span mengandungi tag permulaan dan tag akhir.
• Kedua-dua div dan span boleh mempunyai atribut gaya.

Apakah Perbezaan Antara div dan rentang?

div vs span
Div adalah tag HTML yang mentakrifkan pembahagian atau bahagian dalam dokumen HTML.	Rentang adalah tag HTML yang digunakan untuk mengelompokkan elemen inline dalam dokumen HTML.
Penggunaan
Tag div digunakan sebagai bekas untuk elemen lain.	Teg span digunakan sebagai bekas untuk beberapa teks.
Baris baru
Tag div bermula dengan baris baru.	Teg span tidak bermula dengan baris baru.
Lebar yang Diperlukan
Tag div akan mengambil semua lebar.	Teg span hanya akan mengambil lebar yang diperlukan.
Sintaks

Ringkasan - div vs span 

HTML bermaksud Bahasa Markup Teks Hyper. Ia digunakan untuk membangunkan laman web. Bahasa ini mengandungi tag. Tag kumpulan dan span dalam HTML. Mereka digunakan untuk menentukan bahagian dalam dokumen. Artikel ini menerangkan perbezaan antara tag div dan span. Perbezaan antara div dan span ialah div adalah elemen tahap blok sementara span adalah elemen sebaris.

Muat turun PDF div vs span

Anda boleh memuat turun versi PDF artikel ini dan menggunakannya untuk tujuan luar seperti peringatan kutipan. Sila muat turun versi PDF di sini: Perbezaan Antara div dan span 

Rujukan:

1.tutorialspoint.com. "Blok HTML." Titik, Boleh didapati di sini  
2. Block HTML dan Elemen Dalam Talian. Terdapat di sini 

Image Courtesy:

1.'HTML5 logo dan wordmark'By W3C, (CC BY 3.0) melalui Wikimedia Commons