Adakah teg adalah analisis elemen peringkat blok_HTML/Xhtml_Pengeluaran halaman web

WBOY
Lepaskan: 2016-05-16 16:41:19
asal
1629 orang telah melayarinya

Mengapa ia boleh menetapkan ketinggian, tetapi tidak seperti elemen

ia kelihatan seperti elemen "separa sebaris" (sebaris: sebaris[teks]-peringkat). HTML 4 diterangkan seperti ini:

Elemen berikut juga boleh dipertimbangkan elemen peringkat blok kerana ia mungkin mengandungi elemen peringkat blok:

  • DD – Penerangan definisi
  • DT – Istilah definisi
  • FRAMESET – Frameset
  • LI – Senarai item
  • TBODY – Badan meja
  • TD – Sel data jadual
  • TFOOT – Kaki meja
  • TH – Sel pengepala jadual
  • THEAD – Kepala meja
  • TR – Barisan meja

Penerangan ini nampaknya mengatakan bahawa <li /> ialah elemen "separa sebaris". Sudah tentu, elemen yang serupa dengan <td /> dalam senarai ini juga memberi saya keraguan sedemikian. Hari ini saya melihat CSS lalai setiap pelayar. Hasilnya ialah:

Browsers CSS
IE6/IE7 li{display:block;}
IE8 / Webkit / Firefox / Opera li{display:list-item;}

Di sini, pada dasarnya jelas. Dalam pelayar Gred A selain daripada IE6/7, ia adalah elemen "separa sebaris". Apabila bercakap tentang display:list-item;, sebenarnya, walaupun semua pelayar Gred A kini menyokongnya, tidak ramai yang menggunakannya. kenapa? Malah, ia tidak berguna. Dalam Mod Quirks, PPK mengatakan ini:

display: list-item bermaksud elemen dipaparkan sebagai item senarai, yang bermaksud ia mempunyai peluru di hadapannya (seperti UL), kecuali dalam IE 5 pada Mac di mana ia mendapat nombor (seperti OL). Nombornya adalah buggy: semua LI sebelumnya dalam halaman dikira sebagai satu, jadi contoh ini bermula dengan nombor 5 (tangkapan skrin dibuat sebelum saya memasukkan keserasian-LI saya).

Contoh langsung:

paparan: blok

paparan: senarai item
paparan: senarai item

Betul. Sebenarnya, ini tidak bermakna. Tetapi ia boleh dianggap sebagai menyelesaikan salah satu keraguan saya. Kongsi. Jika anda juga mempunyai keraguan seperti itu, mungkin jika pepijat atau soalan lain timbul pada masa akan datang semasa pengekodan, anda mungkin akan dapat menjawab dengan cepat.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan