Elemen Daftar DIV yang biasa digunakan dalam tata letak halaman web CSS ul ol li dl dt dd definisi

Elemen Daftar DIV yang biasa digunakan dalam tata letak halaman web CSS ul ol li dl dt dd penjelasannya, div elemen tingkat blok harus digunakan sesedikit mungkin Seperti tabel, semakin sedikit bersarang semakin baik

ol daftar pesanan.

<ol>
<li>……</li>
<li>……</li>
<li>……</li>
</ol>
Ditampilkan sebagai:

1…
2…
3…
ul daftar tidak berurutan, ditampilkan sebagai li diawali dengan titik besar, bukan 123

<ul>
<li>……</li>
<li>……</li>
</ul>
Banyak orang yang cenderung mengabaikan penggunaan dl dt dd

blok konten dl
dt judul blok konten
Isi dd dapat ditulis seperti ini:

<dl>
<dt>Judul</dt>
<dd>Konten 1</dd>
<dd>Konten 2</dd>
</dl>

Anda dapat menambahkan ol ul li dan p ke dt dan dd
Setelah memahami hal ini, akan lebih mudah bila menggunakan tata letak div. W3C menyediakan banyak elemen untuk membantu tata letak.

Disarankan untuk tidak menggunakan tinggi (tinggi) dan tinggi garis (line-height) untuk pengaturan dl, dt, dan dd. Ini akan menyebabkan ketidaksejajaran di FF. Karena IE dan FF bersifat adaptif, disarankan untuk melakukannya gunakan atribut padding dt dan dd untuk penentuan posisi!