Ja šodien apskatīsit kādu no tīmekļa vietnēm HTML marķējumu, jūs redzēsit HTML elementus, kas ietverti citos HTML elementos. Šie elementi, kas ir "iekšā" citās, ir tie, kas ir pazīstami kā "ligzdotie elementi", un tie ir būtiski, lai izveidotu jebkuru tīmekļa lapu šodien.
Ko tas nozīmē Nest HTML tagiem?
Visvieglākais veids, kā izprast ligzdošanu, ir domāt par HTML tagiem kā lodziņiem, kas satur jūsu saturu. Jūsu saturs var ietvert tekstu, attēlus utt. HTML tagi ir ar satura lodziņiem. Dažreiz jums ir jāievieto kastes citās kastēs. Šīs "iekšējās" kastes atrodas citu iekšpusē.
Ja jums ir teksta bloks, kuru vēlaties atzīmēt ar rindkopu, jums būs divi HTML elementi, kā arī pats teksts.
Piemērs: tas ir teikums no teksta.
Šis teksts ir tas, ko mēs izmantosim kā mūsu piemēru. Lūk, kā tas būtu rakstīts.
Piemērs: Šis ir teksta teikums. Tā kā jūs vēlaties, lai vārds "teikums" būtu treknrakstā, pirms vārda un pēc tā pievienojat treknrakstā redzamās atveres un aizvēršanas zīmes.
Piemērs: tas ir teikums no teksta. Kā redzat, mums ir viena lodziņa (punkts), kurā ir mūsu teikuma saturs / teksts, kā arī otra lodziņa (spēcīgais tagu pāra), kas padarīs šo vārdu treknā krāsā. Kad jūs piesaistāt tagus, ir ļoti svarīgi, lai jūs aizverat tagus pretējā secībā, ka tos atverat. Jūs atverat pirmkārt, pēc tam , kas nozīmē, ka jūs maināt to un aizveriet un tad Vēl viens veids, kā domāt par to, ir atkal izmantot kastē veikto analoģiju. Ja jūs ievietojat lodziņu citā lodziņā, jums ir jāslēdz iekšējais lodziņš, pirms varat aizvērt ārējo vai ar lodziņu. Ko darīt, ja jūs tikai vēlaties, lai viens vai divi vārdi būtu treknrakstā, bet otrs - katalizators? Lūk, kā to izdarīt. Piemērs: tas ir teikums tekstu, un tam ir arī daži kursīvs teksts arī. Jūs varat redzēt, ka mūsu ārējā kaste, , tagad tajā ir divi iezīmēti tagi - un . Tie abi ir jāaizver, pirms to saturs var tikt aizvērts. Piemērs: tas ir teikums tekstu, un tam ir arī daži kursīvs teksts arī. Šis ir vēl viens punkts. Šajā gadījumā mums ir kastes lodziņu iekšpusē! Vislabākais lodziņš ir Vienīgais iemesls, kāpēc jums vajadzētu domāt par ligzdošanu, ir tas, vai jūs gatavojaties izmantot CSS. Kaskādes stila lapas paļaujas uz tagiem, kas dokumentā pastāvīgi tiek ievietoti, lai tas varētu pateikt, kur sākas un beidzas stili. Ja jūs izveidojat stilu, kas ietekmē visas "saites, kas atrodas nodaļā, ar lappuses tekstu ar" galvenā satura "klasi, nepareiza ligzdošana apgrūtina pārlūku, kur šie stili jāpiemēro. Apskatīsim kādu HTML: Piemērs: tas ir teikums tekstu, un tam ir arī daži kursīvs teksts arī. Šis ir vēl viens punkts. Izmantojot piemēru, ko es tikko paziņoju, ja es vēlētos rakstīt CSS stilu, kas ietekmētu saiti šajā nodaļā un tikai šo saikni (pretēji jebkurai citai saitei citās lapas sadaļās), man vajadzētu izmantot ligzdošana, lai rakstītu manu stilu, kā tāds: Galvenais saturs: { krāsa: # F00;}
Citi iemesli ir arī pieejamība un pārlūka saderība. Ja jūsu HTML ir nepareizi ievietots, tas nebūs tik pieejams ekrāna lasītājiem un vecākām pārlūkprogrammām - un tas pat varētu pilnībā pārtraukt lapas vizuālo izskatu, ja pārlūkprogrammas nevar saprast, kā pareizi renderēt lapu, jo HTML elementi un tagi ir nevietā. Visbeidzot, ja jūs cenšaties rakstīt pilnīgi pareizu un derīgu HTML, jums vajadzēs izmantot pareizu ligzdošanu. Pretējā gadījumā visi validatori atzīmēs jūsu HTML kā nepareizu. Pievienoti vairāk ievietoti tagi
Kāpēc jums vajadzētu rūpēties par ligzdošanu