Analisis peraturan bersarang bagi XHTML tags_HTML/Xhtml_Pengeluaran halaman web

Dalam bahasa XHTML, kita semua tahu: ul tag mengandungi li, dl tag mengandungi dt dan dd - peraturan bersarang bagi tag tetap ini sangat jelas. Walau bagaimanapun, masih terdapat banyak teg yang bebas dan tidak digabungkan bersama, seperti h1, div, p... Jadi apakah peraturan bersarang tag ini? Mari bercakap tentang topik ini hari ini.

Apabila ia datang kepada peraturan bersarang tag XHTML, kita mesti terlebih dahulu mengetahui bahawa terdapat dua jenis tag XHTML, satu dipanggil elemen peringkat blok(blok), dan satu lagi dipanggil elemen sebaris (sebaris, ramai juga memanggilnya: sebaris, sebaris, aras baris, dll.).

Piawaian pengelasan untuk elemen peringkat blok dan elemen sebaris

adalah sangat mudah. ​​Sila letakkan dua baris kod berikut ke dalam teg badan:

div1

div2

Kesan pemaparan penyemak imbas:

div1

div2

Dua div yang dibentangkan pada halaman menduduki dua baris ruang Melainkan ia terapung atau tetapan lain dibuat, tiada siapa yang berada di sebelah yang lain Mereka semua menduduki barisan ruang mereka sendiri secara mendominasi - —Setiap kali anda melihat teg mempamerkan fenomena ini, anda boleh memanggilnya: Elemen peringkat blok (blok)

Letakkan dua baris kod berikut ke dalam teg badan:

span1
span2

Kesan pemaparan penyemak imbas:

span1 span2

Kali ini, kedua-dua rentang disandingkan dalam satu baris Mereka mesra dan harmoni... Kita boleh memanggilnya sebagai tingkah laku tag seperti ini: Elemen sebaris (sebaris) ;

Perbezaan antara elemen peringkat blok dan elemen sebaris:

· Elemen peringkat blok biasanya digunakan untuk membina seni bina tapak web, reka letak dan membawa kandungan... Semua tugas fizikal utama ini tergolong dalam elemen peringkat blok, yang termasuk teg berikut:

div, ul, li, dl, dt, dd, h1~h6, p, alamat……

· Elemen sebaris biasanya digunakan dalam butiran atau bahagian tertentu kandungan tapak web untuk "menekankan, membezakan gaya, superskrip, subskrip, sauh", dll. Teg berikut Semua adalah elemen sebaris:

a, span, kuat, sub, sup, img...

· Unsur blok dan elemen sebaris boleh ditukar kepada satu sama lain Kod penukaran adalah seperti berikut:

paparan: blok; /* Tukar kepada elemen blok */

paparan: sebaris; /* Tukar kepada elemen sebaris */

· Unsur sekat dan elemen sebaris mempunyai peraturan panggilan yang berbeza untuk CSS (artikel ini membincangkan sarang teg, jadi titik pengetahuan ini tidak akan dijelaskan. ).

Selepas memahami secara ringkas elemen blok dan elemen sebaris, kita boleh menyenaraikan peraturan bersarang teg XHTML di bawah:

1. Elemen blok boleh mengandungi elemen sebaris atau elemen blok tertentu, tetapi elemen sebaris tidak boleh mengandungi elemen sebaris lain :

—— Ya
—— Betul

—— Salah

2. Elemen peringkat blok tidak boleh diletakkan di dalam

—— Salah

—— Salah

3 Terdapat beberapa elemen peringkat blok khas yang hanya boleh mengandungi elemen sebaris dan tidak boleh mengandungi teg peringkat blok ini ialah:

h1, h2, h3, h4, h5, h6, p, dt.

4. li boleh mengandungi tag div

- Item ini tidak perlu disenaraikan secara berasingan, tetapi ramai orang di Internet keliru tentang perkara ini, jadi saya akan menerangkannya secara ringkas di sini: Teg Li dan div ialah kedua-dua bekas untuk memuatkan kandungan Mereka mempunyai status yang sama dan tidak mempunyai perbezaan dalam tahap (contohnya: hierarki yang ketat seperti h1 dan h2^_^ Anda mesti tahu bahawa teg li disambungkan kepada ul atau ol induknya boleh ditampung Mengapakah sesetengah orang berpendapat bahawa li tidak boleh menampung div? Jangan fikir li sangat kedekut

5. Elemen peringkat blok disandingkan dengan elemen peringkat blok dan elemen sebaris disandingkan dengan elemen sebaris:

—— Ya

—— Ya

—— Salah