Ringkasan terperinci peraturan bersarang teg HTML sesuai untuk rakan baru_HTML/Xhtml_Pengeluaran halaman web

Saya telah mempelajari semula HTML baru-baru ini, yang boleh dianggap sebagai pemahaman baharu tentang HTML! Jangan memandang rendah perkara ini, semua halaman web adalah berdasarkannya! Mari kita ringkaskan peraturan bersarang teg HTML secara terperinci. Saya harap ia akan membantu semua orang.

Terdapat banyak teg XHTML: div, ul, li, dl, dt, dd, h1~h6, p, a, addressa, span, strong... Apabila kami menggunakan teg ini untuk membina struktur halaman , Mereka boleh bersarang tanpa had, tetapi bersarang juga memerlukan peraturan tertentu, dan anda tidak boleh membenarkan tabiat peribadi anda disarang secara sembarangan - XHTML bukanlah XML.

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 teg XHTML, pertama sekali kita perlu mengetahui bahawa terdapat dua jenis teg XHTML:
Satu jenis dipanggil elemen peringkat blok (blok)
Yang lain jenis dipanggil elemen sebaris (sebaris, Ramai orang juga memanggilnya: sebaris, sebaris, tahap baris, dsb.)

Standard untuk membahagikan elemen peringkat blok dan elemen sebaris adalah sangat mudah baris kod ke dalam teg badan:

Salin kod

Kod tersebut adalah seperti berikut:

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 berada di sebelah yang lain. Kedua-duanya menguasai barisan ruangnya sendiri - apabila anda melihat fenomena ini dalam teg, anda boleh memanggilnya: elemen peringkat blok (blok); dua baris kod ke dalam tag badan Di sini:

Salin kodKodnya adalah seperti berikut:

span1

span2



Kesan pemaparan penyemak imbas:
span1 span2

Kali ini, kedua-dua rentang itu disandingkan secara berturut-turut Mereka mesra, mesra dan harmoni... Dengan tingkah laku label seperti ini, kami Anda boleh memanggilnya: elemen sebaris;

Perbezaan antara elemen peringkat blok dan elemen sebaris:

·Elemen peringkat sekatan biasanya digunakan untuk membina seni bina tapak web, reka letak dan kandungan yang dibawa. .. …Tugas fizikal utama ini adalah semua elemen peringkat blok, yang termasuk teg berikut:

alamat, petikan blok, tengah, dir, div, dl, dt, dd, set medan, borang, h1~h6, hr , isindex, menu, noframes, noscript, ol, p, pre, table, ul

· Elemen sebaris biasanya digunakan dalam butiran tertentu atau bahagian kandungan tapak web untuk "menekankan, membezakan gaya, Superskrip, subskrip, titik utama, dsb., teg berikut adalah semua elemen sebaris:

a, abbr, akronim, b, bdo, big, br, cite, code, dfn, em, font ,i,img,input, kbd,label,q,s,samp,select,small,span,strike,strong,sub,sup,textarea,tt,u,var


· 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*/

· Panggilan CSS peraturan untuk elemen blok dan elemen sebaris adalah berbeza (artikel ini membincangkan sarang teg, jadi titik pengetahuan ini tidak akan dijelaskan).

Setelah memahami secara ringkas elemen blok dan elemen sebaris, peraturan bersarang tag XHTML boleh disenaraikan di bawah:

1 Elemen blok boleh mengandungi elemen sebaris atau elemen blok tertentu elemen blok, ia hanya boleh mengandungi elemen sebaris lain:

—— Ya
—— Ya

< ;/span> —— Salah

2. Elemen tahap blok tidak boleh diletakkan di dalam

:

— Salah

—— Salah

3. Terdapat beberapa elemen peringkat blok khas Ia hanya boleh mengandungi elemen sebaris dan boleh tidak lagi mengandungi elemen peringkat blok ini ialah:
h1, h2, h3, h4, h5, h6, p, dt

4 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 adalah kedua-dua bekas untuk memuatkan kandungan dan mempunyai status yang sama , tidak ada perbezaan tahap (contohnya: hierarki yang ketat seperti h1 dan h2^_^). Jangan fikir li sangat kedekut, walaupun li nampak agak kurus, sebenarnya li mempunyai hati yang besar...

5 Elemen peringkat blok disandingkan dengan elemen peringkat blok dan elemen sebaris adalah sebaris dengan unsur sebaris:

a href=”#” >

—— Kanan

< ;/div> —— Salah