Mengapa dapat mengatur ketinggian, tetapi tidak terlihat seperti elemen <h1 />, rasanya seperti elemen semi-inline (inline: inline [teks] -Level). HTML 4 dijelaskan seperti ini:
Elemen-elemen berikut juga dapat dianggap sebagai elemen tingkat blok karena mereka dapat berisi elemen-elemen tingkat blok:
Dalam deskripsi ini, tampaknya <li /> adalah elemen setengah inline. Tentu saja, elemen yang mirip dengan <td /> dalam daftar ini juga telah membawa saya keraguan seperti itu. Hari ini saya melihat CSS default untuk setiap browser. Hasilnya adalah ini:
| Browser | CSS |
|---|---|
| IE6/IE7 | li{display:block; } |
| IE8+ / WebKit / Firefox / Opera | li{display:list-item; } |
Di sini, pada dasarnya jelas. Di browser A-grade kecuali IE6/7, ini adalah elemen setengah inline. Ketika datang untuk display:list-item; pada kenyataannya, meskipun semua browser A-grade sekarang didukung, tidak banyak orang menggunakannya. Mengapa? Sebenarnya, itu tidak berguna. Dalam mode Quirks, PPK mengatakan ini:
Contoh Langsung: Tampilan: Blockdisplay: Daftar-ItemDisplay: Daftar-item
display: list-itemberarti bahwa elemen ditampilkan sebagai daftar-item, yang terutama berarti memiliki peluru di depannya (seperti UL), kecuali di IE 5 di Mac di mana ia mendapat angka (seperti OL). Angka-angka itu buggy: Semua Li sebelumnya dalam jumlah halaman sebagai satu, jadi contoh ini dimulai dengan nomor 5 (tangkapan layar dibuat sebelum saya memasukkan kompatibilitas saya-li).
Benar. Sebenarnya, ini tidak terlalu berarti. Tapi itu juga memecahkan salah satu keraguan saya. Bagikan. Jika Anda memiliki keraguan seperti itu, mungkin jika Anda memiliki bug atau pertanyaan lain lain kali Anda mengkode, Anda mungkin akan dapat bereaksi dengan cepat.