Perbezaan Utama - div vs span
HTML adalah bahasa yang banyak digunakan untuk mengembangkan laman web. Ia bermaksud Bahasa Markup Teks Hyper. Istilah Hyper merujuk kepada menghubungkan ke sumber web lain di internet. Istilah Markup merujuk kepada kemampuan membuat teks berformat dengan gambar dan sumber multimedia lain. Hyperlink adalah komponen utama dalam HTML yang menjadikan semua sumber web saling terhubung. Terdapat beberapa versi HTML. Mereka adalah HTML 2.0, 3.2, 4.01 dan HTML5. Pada dasarnya, HTML adalah dokumen teks dengan tag. Ini memberitahu penyemak imbas Web cara menyusun laman web untuk memaparkannya. Div dan span adalah dua tag dalam HTML. Setiap elemen HTML mempunyai nilai paparan lalai bergantung pada jenis elemen. Jadi, mereka boleh menjadi unsur blok atau sebaris. Artikel ini membincangkan perbezaan antara div dan span. Perbezaan utama antara div dan span adalah bahawa div adalah elemen tahap blok sementara span adalah elemen sebaris.
KANDUNGAN
1. Gambaran Keseluruhan dan Perbezaan Utama
2. Apa itu div
3. Apakah rentang
4. Persamaan Antara div dan span
5. Perbandingan Berdampingan - div vs span dalam Borang Jadual
6. Ringkasan
Apa itu div?
Semua dokumen html dimulakan dengan deklarasi jenis dokumen. Hari ini versi HTML yang paling biasa ialah HTML5. Oleh itu, pengisytiharan jenisnya adalah. Semua tag html harus disertakan di dalam dan tag. Perincian laman web yang diperlukan disertakan di dalam tag. Halaman web yang kelihatan ditulis di dalam tag. Terdapat tag untuk setiap tujuan. The
tag digunakan untuk perenggan. The
,
dll digunakan untuk tajuk. Kandungan di dalam tag permulaan dan akhir dikenali sebagai elemen. cth
Ini adalah perenggan
Gambar 01: HTML5
Setiap elemen HTML mempunyai nilai paparan lalai bergantung pada jenis elemen. Nilai paparan lalai boleh menjadi blok atau sebaris. Elemen tahap blok selalu bermula dengan baris baru. Elemen-elemen ini menggunakan keseluruhan lebar yang tersedia. Beberapa contoh elemen tahap blok adalah, dan
Tag div juga merupakan elemen tahap blok dalam HTML. Sintaksnya adalah seperti berikut.
Hai dunia!
Elemen div adalah wadah kepada unsur lain. Oleh itu, satu set elemen boleh dimasukkan ke dalam elemen div. Ketika digunakan dengan Cascading Style Sheet (CSS), tag div dapat digunakan untuk menata blok isi. Rujuk bahagian kod di bawah.
Dua perenggan berada di dalam tag div. Semua kandungan di dalam tag div mempunyai warna latar hitam dan warna fon berwarna putih.
Apa itu span?
Tidak seperti elemen tahap blok, elemen sebaris tidak bermula pada baris baru. Ia hanya memerlukan lebar yang diperlukan. Beberapa contoh elemen sebaris adalah, dan
Tag span juga merupakan elemen sebaris dalam HTML. Sintaksnya adalah seperti berikut.
Hai dunia!
Gambar 02: tanda div dan span
Tag span digunakan sebagai wadah untuk beberapa teks. Tag ini juga boleh digunakan dengan CSS. Oleh itu, bahagian teks boleh digayakan. Rujuk contoh di bawah. 'Ayat1' berada di dalam span tag. Warna ditambahkan menggunakan atribut gaya CSS.
Ini adalah perenggan1
Apakah Persamaan Antara div dan span?
- Kedua-dua div dan span mengelompokkan tag dalam HTML.
- Kedua-dua div dan span mengandungi tag permulaan dan tanda akhir.
- Kedua-dua div dan span boleh mempunyai atribut gaya.
Apakah Perbezaan Antara div dan Span?
Artikel Diff Tengah sebelum Jadual
div vs span |
|
| Div adalah tag HTML yang menentukan pembahagian atau bahagian dalam dokumen HTML. | Span adalah tag HTML yang digunakan untuk mengelompokkan elemen sebaris dalam dokumen HTML. |
| Penggunaan | |
| Tag div digunakan sebagai wadah untuk elemen lain. | Tag span digunakan sebagai wadah untuk beberapa teks. |
| Baris baru | |
| Tanda div bermula dengan baris baru. | Tag span tidak bermula dengan baris baru. |
| Lebar yang diperlukan | |
| Tag div akan mengambil semua lebar. | Tag span hanya akan mengambil lebar yang diperlukan. |
| Sintaks | |
Ringkasan - div vs span
HTML bermaksud Hyper Text Markup Language. Ia digunakan untuk mengembangkan laman web. Bahasa ini terdiri daripada tanda nama. Tag pengelompokan div dan span dalam HTML. Mereka digunakan untuk menentukan bahagian dalam dokumen. Artikel ini menjelaskan perbezaan antara tag div dan span. Perbezaan antara div dan span adalah bahawa 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 talian seperti dalam catatan petikan. Sila muat turun versi PDF di sini: Perbezaan Antara div dan span
