Ja paskatās uz HTML atzīmes jebkurai tīmekļa vietnei šodien redzēsit HTML elementus, kas ietverti citos HTML elementos. Šie elementi, kas atrodas citu elementu "iekšpusē", ir pazīstami kā ligzdoti elementi, un tie ir svarīgi, lai šodien izveidotu jebkuru vietni.
Ko nozīmē Nest HTML tagi?
Vieglākais veids, kā saprast ligzdošanu, ir domāt HTML tagi kā rūtiņas, kurās atrodas jūsu saturs. Jūsu saturā var būt teksts, attēli un saistītie multivides faili. HTML tagi ir rūtiņas ap saturu. Dažreiz jums ir jāievieto kastes citu kastīšu iekšpusē. Šīs "iekšējās" kastes ir ievietotas citu iekšienē.
Ja jums ir teksta bloks, kuru vēlaties parādīt treknrakstā rindkopā, jums būs divi HTML elementi kā arī pats teksts.
Piemērs: Šis ir teksta teikums.
Šo tekstu izmantosim kā piemēru. Lūk, kā tas būtu rakstīts HTML:
Piemērs: Šis ir teksta teikums.
Lai izteiktu vārdu teikumu treknrakstā, pirms un pēc šī vārda pievienojiet sākuma un aizvēršanas tagus.
Piemērs: Tas ir a teikumu teksta.
Kā redzat, mums ir viena rūtiņa (rindkopa), kurā ir teikuma saturs, kā arī otra aile (
spēcīgs tagu pāris), kas padara šo vārdu par treknu.Kad ligzdojat tagus, aizveriet tagus pretējā secībā, kādā tos atvērāt. Jūs atverat
vispirms seko , kas nozīmē, ka jūs to maināt un aizverat un pēc tam.
Vēl viens veids, kā domāt par to, ir vēlreiz izmantot lodziņu analoģiju. Ja jūs ievietojat kastīti citas kastes iekšpusē, jums ir jāaizver iekšējā, pirms varat aizvērt ārējo vai tajā esošo kastīti.
Citu ligzdotu tagu pievienošana
Ko darīt, ja vēlaties, lai būtu tikai viens vai divi vārdi treknrakstā un vēl viens kursīvs? Lūk, kā to izdarīt.
Piemērs: Tas ir a teikumu teksta, un tam ir arī daži kursīvs teksts arī.
Var redzēt, ka mūsu ārējā kaste
, tagad tajā ir divi ligzdoti tagi - un . Viņiem abiem jābūt aizvērtiem, pirms to var aizvērt.
Piemērs: Tas ir a teikumu teksta, un tam ir arī daži kursīvs teksts arī.
Šī ir vēl viena rindkopa.
Šajā gadījumā mums kastes ir kastes iekšpusē! Ārējā kārba ir
vai a. sadalīšana. Šīs kastes iekšpusē ir ligzdotu pāri. rindkopu tagus, un pirmās rindkopas iekšpusē mums ir nākamā. un tagu pāris.Kāpēc jums vajadzētu rūpēties par ligzdošanu
Iemesls nr. 1, kāpēc jums vajadzētu rūpēties par ligzdošanu, ir tas, vai jūs gatavojaties izmantot CSS. Kaskādes stila lapas paļaujieties uz tagiem, kas pastāvīgi tiek ligzdoti dokumentā, lai tas varētu pateikt, kur stili sākas un beidzas. Nepareizas ligzdošanas dēļ pārlūkprogrammai ir grūti zināt, kur lietot šos stilus. Apskatīsim dažus HTML:
Piemērs: Tas ir a teikumu teksta, un tam ir arī daži kursīvs teksts arī.
Tas ir vēl viena rindkopa.
Izmantojot iepriekš minēto piemēru, ja mēs vēlējāmies uzrakstīt a CSS stils kas ietekmētu saiti šī sadalījuma iekšienē un tikai šo saiti (atšķirībā no citām saitēm citās lapas sadaļās), šī stila rakstīšanai mums jāizmanto ligzdošana:
.main-content a {
krāsa: # F00;
}
Citi apsvērumi
Ir svarīga arī pieejamība un pārlūkprogrammu 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 pilnībā izjaukt lapas vizuālais izskats, ja pārlūkprogrammas nevar saprast, kā pareizi atveidot lapu, jo nav HTML elementu un tagu vieta.
Visbeidzot, ja jūs mēģināt rakstīt pilnīgi pareizu un derīgu HTML, jums būs jāizmanto pareiza ligzdošana. Pretējā gadījumā katrs validators atzīmēs jūsu HTML kā nepareizu.