<SEV> </SEV> Divisi/Bagian dalam dokumen dapat didefinisikan untuk membagi dokumen menjadi bagian independen dan berbeda. <Div> </div> Tag dapat digunakan sebagai alat organisasi yang ketat dan tidak menggunakan format apa pun untuk dikaitkan dengannya, yang berisi gagasan memisahkan label HTML dan gaya ekspresi. Dalam karya aktual, kami biasanya menentukan properti ID atau kelas untuk tag <viv> </div> untuk membuat tag lebih efektif. <verv> </div> adalah elemen tingkat blok, yang berarti kontennya secara otomatis memulai baris baru. Dan benar -benar mengubah format yang secara inheren unik.
HTML berikut mensimulasikan struktur situs web berita. Masing -masing pasangan <Div> </div> tag ini menggabungkan judul dan abstrak dari setiap berita, yaitu, <viv> </div> menambahkan struktur tambahan ke dokumen. Pada saat yang sama, karena <ver> </div> ini termasuk jenis elemen yang sama, Anda dapat menggunakan properti Class = News untuk mengidentifikasi tag </Div> ini. Format <viv> </div>.
<Div class = news> <h2> berita utama 1 </h2> <p> Beberapa teks. <h2> <h2> <h2> berita utama 2 </h2> <p> Beberapa teks.2. <span> </span> label
<span> Tag digunakan untuk menggabungkan elemen garis dalam dokumen.
<span style = Color: Red> Catatan: </span>Kedua, elemen blok -tingkat dan elemen garis
Elemen blok dan elemen dalam/elemen terkait dalam adalah konsep dalam elemen CSS. Ini karena elemen -elemen ini ditampilkan sebagai konten, yaitu blok. Sebaliknya, elemen -elemen seperti <span> </span> dan <strong> </strong> dipanggil dalam elemen garis.
Konsep elemen tingkat blok dan elemen linen tidak diperbaiki, tetapi relatif. Kita dapat menggunakan jenis atribut tampilan elemen untuk mengubah kotak jenis yang dihasilkan. Ini berarti bahwa dengan mengatur properti tampilan untuk diblokir, ia dapat membuat elemen in -line (seperti <a> elemen) terlihat seperti elemen tingkat blok; sebagai inline; dan bahkan kami, kami bahkan properti display dapat diatur ke tidak ada, sehingga elemen tidak memiliki bingkai sama sekali. dokumen.
<Div id = dv1 style = display: block> saya elemen blok -level. </div> <div id = dv2 style = display: inline> Saya adalah garis baris. </div> <div id = div3 style = display: none> Saya tidak terlihat </div>Ketiga, perbandingan <viv> </div> dan <span> </span>
1. Demikian pula: <Div> </div> Label dan <span> </span> Tag digunakan untuk mengklasifikasikan tag tetapi tidak memiliki semantik praktis;
2. Poin yang berbeda: <Div> </Div> Label adalah elemen tingkat blok, dan browser akan secara otomatis menambahkan label bank sebelum dan sesudahnya </br>;
Jika Anda ingin menampilkan dua konten di baris yang sama di tata letak web, cara termudah adalah mengemasnya dengan tag <span> </span>. Misalnya, satu halaman memiliki dua elemen yang berdekatan, satu adalah <div> </div>, dan yang lainnya adalah <span> </span>. Jika Anda ingin menampilkannya di baris yang sama, Anda dapat mengubah </Div> ini menjadi <span> </span>. Tentu saja, ini juga dapat diimplementasikan dengan mengatur properti tampilan <viv> </div> dan label lain melalui CSS ke inline.