Iimpawu ze-HTML zeNesting

Indlela yokwenza isidleke se HTML Iimpawu ngokuchanekileyo

Ukuba ukhangela i-markup ye-HTML yanoma yiyiphi iphepha lewebhu namhlanje, uza kubona izinto ze-HTML eziqulethwe kwezinye izinto ze-HTML. Ezi zinto "zingaphakathi" kwezinye izinto ziyaziwa ngokuba yi "nested elements", kwaye zibalulekile ekwakheni nayiphi na iphepha lewebhu namhlanje.

Kuthetha ukuthini kwiNest HTML Tags?

Indlela elula yokuqonda ukuhlalisa kukucinga ngemathegi e- HTML njengeebhokisi ezibamba umxholo wakho. Umxholo wakho unokubandakanya itekisi, imifanekiso, njl njl. Iimpawu ze-HTML ziibhokisi ezijikeleze umxholo. Ngamanye amaxesha, kufuneka ubeke iibhokisi ngaphakathi kwezinye iibhokisi. Lezo bhokisi "zangaphakathi" zihlambulukile ngaphakathi kwabanye.

Ukuba unayo ibhloko yesicatshulwa ofuna ukuba nesibindi ngaphakathi kwimihlathi, uza kuba nezinto ezimbini ze HTML kwakunye netawomi ngokwayo.

Umzekelo: Esi sivakalisi sesicatshulwa.

Lo mbhalo siza kuwusebenzisa njengomzekelo wethu. Nantsi indlela eya kubhalwa ngayo.

Isibonelo: Esi sivakalisi sombhalo.

Ngenxa yokuba ufuna igama elithi "isivakalisi" ukuba libe nesibindi, ungeze ukuvula nokuvala iitekisi ezinesibindi ngaphambi nangemva koko.

Isibonelo: Lena isigwebo sesicatshulwa.

Njengoko ubona, sinobhokisi enye (umhlathi) oqulethe umxholo / umbhalo wesigwebo sethu, kunye nebhokisi yesibini

Xa uhlala kwiidleke, kubaluleke kakhulu ukuba uvale iteks kwindlela eyahlukileyo owavule ngayo. Uvula kuqala

kuqala, ulandele i- , oku kuthetha ukuba uguqula kwaye uvale uze ube .

Enye indlela yokucinga ngale ndlela kukuphinda usebenzise ukufana kweebhokisi. Ukuba ubeka ibhokisi ngaphakathi kwelinye ibhokisi, kufuneka uvale ngaphakathi kwangaphakathi ngaphambi kokuba uvale ibhokisi elingaphandle okanye elinayo.

Ukongeza Iimpawu ezingamanzi amaninzi

Kuthekani ukuba ufuna kuphela omnye okanye amagama amabini ukuba abe nesibindi, kwaye enye isethelwe ukuba ibe italiki? Nantsi indlela yokwenza oko.

Isibonelo: Lona isigwebo sesicatshulwa kwaye sine itekisi yecatshulwa .

Uyabona ukuba ibhokisi lethu langaphandle,

, ngoku linamathegi adibeneyo phakathi kwalo - kunye . Kumele zivalwe zombini ngaphambi kokuba iibhokisi ivalwe.

Isibonelo: Le ngqangi isigwebo sesicatshulwa kwaye sinakho itekisi yecatshulwa .

Lo ngumnye umhlathi. < / p>

Kule meko sinemibhobho ngaphakathi kweebhokisi! Ibhokisi ephezulu kakhulu

okanye "ukwahlukana". Ngaphakathi kwebhokisi iipakethi zemihlathi edibeneyo, kwaye ngaphakathi kwesiqendu sokuqala sinesibini elandelayo ne . Kwakhona, jonga nayiphi na iphepha lewebhu namhlanje kwaye uza kubona oku nakwindawo eninzi eyenzekayo! Yileyo ndlela amaphepha akha ngayo - ibhokisi ngaphakathi kweebhokisi.

Kutheni Ufanele Uzinakekele NgeNdlela

Isizathu esisodwa sokuba ufanele ukhathalele malunga nesting ukuba uya kusebenzisa i-CSS. AmaSpredishithi wesitayela axhomekeke kumathegi ukuba ahlale ehlala ngaphakathi kwidokhumenti ukwenzela ukuba angachaza apho izitayela ziqala kwaye ziphela. Ukuba ubeka isitala esifanele sichaphazele zonke "ikhonkco ezingaphakathi kwecandelo kunye neklasi ye" umxholo oqulathekileyo "" kwiphepha, ukuhlalisa okungalunganga kwenza kube nzima ukuba isiphequluli sazi ukuba ungayisebenzisa phi le mizobo. Makhe sijonge nge HTML:

Isibonelo: Le ngqangi isigwebo sesicatshulwa kwaye sinakho itekisi yecatshulwa .

Le omnye umhlathi .

Ukusebenzisa umzekelo endikutshilo, ukuba ngaba ndifuna ukubhala isitayela seCSS esiya kuthintela isiqhagamshelo ngaphakathi kweli candelo, kwaye kuphela ikhonkco (ngokuchasene nayo nayiphi na ikhonkco kwezinye iindawo zekhasi), ndiza kuyisebenzisa ukuzalela ukubhala isimbo sam, njenjalo:

.qulatha umxholo {umbala: # F00; }

Ezinye izizathu zibandakanya ukufikeleleka kunye nokuhambelana nesiphequluli. Ukuba i-HTML yakho iyimveliso engalunganga, ayiyi kuba yifumaneka kubafundi bekrini kunye neziphequluli ezidlulileyo-kwaye inokuphelisa ngokupheleleyo ukubukeka kwekhasi ukuba iiphequluli azikwazi ukufumana indlela yokunikezela ngokufanelekileyo iphepha ngoba i HTML kunye namathegi aphume kwindawo.

Ekugqibeleni, ukuba uzama ukubhala ngokuchanekileyo kunye ne-HTML echanekileyo, kuya kufuneka usebenzise izilwanyana ezichanekileyo. Ngaphandle koko, yonke i-validator izakufakela i-HTML yakho ngokungalunganga.