Tags HTML Nesting

Carane Nest HTML Tags Teges

Yen sampeyan ndeleng markup HTML kanggo kaca web saiki, sampeyan bakal weruh unsur HTML sing ana ing elemen HTML liyane. Unsur sing ana ing njero "liya" sing dikenal minangka "elemen sing nested", lan sing penting kanggo mbangun kaca web saiki.

Apa Tegese kanggo Tags HTML Nest?

Cara paling gampang kanggo mangertos nesting yaiku kanggo ngira tag HTML minangka kothak sing nahan isi sampeyan. Isi sampeyan bisa kalebu teks, gambar, lan liya-liyane. Kadhangkala, sampeyan kudu kothak panggonan ing kothak liyane. Kothak-kothak "njero" ana ing sajroning wong liya.

Yen sampeyan duwe pamblokiran teks sing pengin dikunci ing sajrone paragraf, sampeyan bakal duwe loro elemen HTML lan uga teks kasebut.

Conto: Iki minangka ukara teks.

Tèks iki minangka apa sing bakal kita gunakaké minangka conto kita. Punika caranipun badhe ditulis.

Conto: Iki minangka ukara teks.

Amarga sampeyan pengin tembung "ukara" dadi kandel, sampeyan nambah tag kandel kanggo mbukak lan nutup sadurunge lan sawise sing mbobot.

Conto: Iki ukara teks.

Minangka sampeyan bisa ndeleng, kita duwe siji kothak (paragraf) sing isi isi / teks ukara kita, ditambah kothak liya (pasangan sing kuwat), sing bakal menehi tembung kasebut minangka huruf kandel.

Nalika sampeyan nest tags, penting banget sing nutup tag ing urutan sing ngelawan sing dibukak. Sampeyan mbukak

pisanan, diiringi , sing artine sampeyan mbalikke lan nutup lan .

Liyane cara kanggo mikir babagan iki kanggo sepisan maneh nggunakake analogi kothak. Yen sampeyan nulis kothak ing jero kothak liya, sampeyan kudu nutup bagian jero sadurunge sampeyan bisa nutup kotak njaba utawa sing ana.

Nambahake Nested liyane Nested

Apa yen sampeyan mung pengin siji utawa rong tembung dadi kandel, lan liyane bakal dadi miring? Punika piye carane nggawe sing.

Conto: Iki ukara teks lan uga duwe teks diwatesi .

Sampeyan bisa ndeleng manawa kothak njaba,

, saiki duwe rong tag sing nested ing jero - lan . Wong loro kudu ditutup sadurunge kothak kasebut bisa ditutup.

Conto: Iki kalimat teks lan uga duwe teks diwatesi . < / p>

Ing kasus iki kita duwe kothak nang kothak! Kothak sing paling dhuwur yaiku

utawa "divisi". Ing kothak kasebut ana pasangan tag paragraf sing dilarang, lan ing paragraf pisanan kita duwe lan sabanjuré tag. Sepisan maneh, katon ing kaca web saiki lan sampeyan bakal weruh sarang liyane lan liyane! Iki carane nggawe kaca - kothak nang kothak.

Apa Apa Sampeyan Care About Nesting

Nomer siji alesan sing sampeyan kudu peduli ing sarang yaiku yen sampeyan arep nggunakake CSS. Cascading Style Sheets gumantung ing label supaya bisa dilestarèkaké ing jero dokumen supaya bisa nyaritakake ing ngendi gaya diwiwiti lan pungkasan. Yen sampeyan nyetel gaya sing kena pengaruh kabeh "pranala sing ana ing divisi kanthi teks" isi-isi "" ing kaca kasebut, sarang sing bener mbebayani kanggo browser supaya ngerti cara ngapikake gaya-gaya kasebut. Ayo ndeleng sawetara HTML:

Conto: Iki kalimat teks lan uga duwe teks diwatesi > Iki paragraf liyane .

Nganggo conto, aku mung nyatakake, yen aku pengin nulis gaya CSS sing bakal nimbulake link ing jero divisi iki, lan mung pranala kasebut (opo wae pranala liyane ing bagean liya saka kaca), aku kudu nggunakake nesting kanggo nulis gaya, kayata:

.main-content a {color: # F00; }

Alasan liya kalebu aksesibilitas lan kompatibilitas browser. Yen HTML salah sijine, ora kaya sing bisa diakses kanggo layar sing nonton lan browser lawas - lan malah bisa ngilangi tampilan visual sawijining kaca manawa browser ora bisa nemtokake cara mlaku kanthi bener minangka kaca HTML lan tag wis metu saka panggonan.

Pungkasan, yen sampeyan ngupaya nulis HTML sing bener lan bener, sampeyan kudu nggunakake sarang sing bener. Yen ora, saben validator bakal ngowahi HTML minangka salah.