Perbezaan Antara div dan span

Isi kandungan:

Perbezaan Antara div dan span
Perbezaan Antara div dan span

Video: Perbezaan Antara div dan span

Video: Perbezaan Antara div dan span
Video: HTML - Perbedaan tag DIV dan SPAN pada HTML 2024, Julai
Anonim

Perbezaan Utama – div vs span

HTML ialah bahasa yang digunakan secara meluas untuk membangunkan halaman web. Ia adalah singkatan dari Hyper Text Markup Language. Istilah Hyper merujuk kepada pautan ke sumber web lain di internet. Istilah Markup merujuk kepada keupayaan untuk mencipta teks berformat dengan imej dan sumber multimedia lain. Hiperpautan ialah komponen utama dalam HTML yang menjadikan semua sumber web bersambung bersama. Terdapat beberapa versi HTML. Ia adalah HTML 2.0, 3.2, 4.01 dan HTML5. Pada asasnya, HTML ialah dokumen teks dengan tag. Ia memberitahu pelayar Web cara untuk menstruktur halaman web untuk memaparkannya. Div dan span ialah dua tag dalam HTML. Setiap elemen HTML mempunyai nilai paparan lalai bergantung pada jenis elemen. Jadi, ia boleh menjadi elemen blok atau sebaris. Artikel ini membincangkan perbezaan antara div dan span. Perbezaan utama antara div dan span ialah div ialah elemen tahap blok manakala span ialah elemen sebaris.

Apakah itu div?

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

tag digunakan pada perenggan.

,

dsb. digunakan untuk tajuk. Kandungan di dalam teg permulaan dan penamat dikenali sebagai elemen. cth.

Ini ialah perenggan

Perbezaan Antara div dan span
Perbezaan Antara div dan span

Rajah 01: HTML5

Setiap elemen HTML mempunyai nilai paparan lalai bergantung pada jenis elemen. Nilai paparan lalai boleh sama ada blok atau sebaris. Elemen tahap blok sentiasa bermula dengan baris baharu. Elemen ini mengambil keseluruhan lebar yang tersedia. Beberapa contoh elemen tahap blok ialah,, dan

Teg div juga merupakan elemen tahap blok dalam HTML. Sintaksnya adalah seperti berikut.

Hello World!

Elemen div ialah bekas kepada elemen lain. Oleh itu, satu set elemen boleh dimasukkan ke dalam elemen div. Apabila digunakan dengan Cascading Style Sheet (CSS), teg div boleh digunakan untuk menggayakan blok kandungan. Rujuk sekeping kod di bawah.

Perbezaan Antara div dan span_Rajah 03
Perbezaan Antara div dan span_Rajah 03

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

Apakah span?

Tidak seperti dalam elemen tahap blok, elemen sebaris tidak bermula pada baris baharu. Ia hanya mengambil lebar yang diperlukan. Beberapa contoh elemen sebaris ialah,, and

Perbezaan Utama Antara div dan span
Perbezaan Utama Antara div dan span

Teg span juga merupakan elemen sebaris dalam HTML. Sintaksnya adalah seperti berikut.

Hello World!

Rajah 02: tag div dan span

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

Ini ialah perenggan1

Apakah Persamaan Antara div dan span?

  • Kedua-dua div dan span sedang mengumpulkan teg dalam HTML.
  • Kedua-dua div dan span mengandungi teg permulaan dan teg penamat.
  • Kedua-dua div dan span boleh mempunyai atribut gaya.

Apakah Perbezaan Antara div dan span?

div lwn span

Div ialah teg HTML yang mentakrifkan bahagian atau bahagian dalam dokumen HTML. Span ialah teg HTML yang digunakan untuk mengumpulkan elemen sebaris dalam dokumen HTML.
Penggunaan
Teg div digunakan sebagai bekas untuk elemen lain. Teg span digunakan sebagai bekas untuk beberapa teks.
Barisan Baharu
Teg div bermula dengan baris baharu. Teg span tidak bermula dengan baris baharu.
Lebar Diperlukan
Teg div akan mengambil semua lebarnya. Teg span hanya akan mengambil lebar yang diperlukan.
Sintaks

Ringkasan – div lwn span

HTML ialah singkatan kepada Hyper Text Markup Language. Ia digunakan untuk membangunkan laman web. Bahasa ini terdiri daripada tag. Tag kumpulan div dan span dalam HTML. Ia digunakan untuk menentukan bahagian dalam dokumen. Artikel ini menerangkan perbezaan antara teg div dan span. Perbezaan antara div dan span ialah div ialah elemen peringkat blok manakala span ialah elemen sebaris.

Muat turun PDF div vs span

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

Disyorkan: