Jei pažvelgsite į HTML antkainis bet kuriame šiandieniniame tinklalapyje pamatysite HTML elementus, esančius kituose HTML elementuose. Šie elementai, esantys kitų elementų viduje, yra žinomi kaip įdėtus elementusir jie yra būtini kuriant bet kurį tinklalapį šiandien.
Ką reiškia įdėti HTML žymes?
Lengviausias būdas suprasti lizdą yra galvoti HTML žymos kaip langeliai, kuriuose laikomas jūsų turinys. Jūsų turinyje gali būti tekstas, vaizdai ir susijusi laikmena. HTML žymos yra langeliai aplink turinį. Kartais reikia įdėti dėžes į kitas dėžes. Tos „vidinės“ dėžutės yra įdėtos į kitų vidų.
Jei turite teksto bloką, kurį pastraipoje norite paryškinti, turėsite du HTML elementai taip pat pats tekstas.
Pavyzdys: tai yra teksto sakinys.
Šį tekstą mes naudosime kaip pavyzdį. Štai kaip tai būtų parašyta HTML:
Pavyzdys: tai yra teksto sakinys.
Žodžiui pasakyti sakinys paryškinta, prieš ir po šio žodžio pridėkite atidarymo ir pabaigos žymes.
Pavyzdys: tai yra a sakinys teksto.
Kaip matote, turime vieną langelį (pastraipą), kuriame yra sakinio turinys, ir antrą langelį (
stiprus žymių pora), kuris paverčia šį žodį paryškintu.Kai įdedate žymas, uždarykite žymas priešinga tvarka, nei jas atidarėte. Jūs atidarote
pirma, po jo , o tai reiškia, kad jūs tai pakeisite ir uždarysite ir tada.
Kitas būdas galvoti apie tai yra dar kartą naudoti langelių analogiją. Jei įdėsite dėžę į kitą dėžę, turite uždaryti vidinę dėžutę, kad galėtumėte uždaryti išorinę arba turinčią dėžę.
Pridedama daugiau įdėtų žymių
Ką daryti, jei norite, kad būtų tik vienas ar du žodžiai paryškintas, o kitas - kursyvu? Štai kaip tai padaryti.
Pavyzdys: tai yra a sakinys teksto ir jame taip pat yra keletas kursyvu pažymėtas tekstas taip pat.
Matote, kad mūsų išorinė dėžutė
, dabar viduje yra dvi įdėtos žymos - ir . Jie abu turi būti uždaryti, kad būtų galima uždaryti dėžutę su dėžute.
Pavyzdys: tai yra a sakinys teksto ir jame taip pat yra keletas kursyvu pažymėtas tekstas taip pat.
Tai dar viena pastraipa.
Šiuo atveju dėžių viduje turime dėžes! Atokiausia dėžutė yra
arba a. padalijimas. Tos dėžutės viduje yra įdėta pora. pastraipų žymos, o pirmoje pastraipoje yra kita. ir žymių pora.Kodėl tau turėtų rūpėti lizdas
Pagrindinė priežastis, dėl kurios turėtumėte rūpintis lizdais, yra ta, jei ketinate naudoti CSS. Kaskados stiliaus lapai pasikliaukite žymėmis, kurios bus nuolat įdėtos į dokumentą, kad jis galėtų pasakyti, kur prasideda ir baigiasi stiliai. Dėl neteisingo lizdo naršyklei sunku žinoti, kur pritaikyti šiuos stilius. Pažvelkime į keletą HTML:
Pavyzdys: tai yra a sakinys teksto ir jame taip pat yra keletas kursyvu pažymėtas tekstas taip pat.
Tai yra kita pastraipa.
Naudodamiesi aukščiau pateiktu pavyzdžiu, jei norėtume parašyti a CSS stilius tai paveiktų nuorodą šiame skyriuje ir tik tą nuorodą (priešingai nei bet kurios kitos nuorodos kitose puslapio skiltyse), šiam stiliui parašyti reikės naudoti lizdą:
.pagrindinis turinys a {
spalva: # F00;
}
Kiti aspektai
Taip pat svarbu prieinamumas ir suderinamumas su naršykle. Jei jūsų HTML yra neteisingai įdėtas, jis nebus toks pasiekiamas ekrano skaitytojams ir senesnėms naršyklėms - ir netgi gali visiškai sugadinti vizuali puslapio išvaizda, jei naršyklės negali suprasti, kaip tinkamai pateikti puslapį, nes nėra HTML elementų ir žymų vieta.
Galiausiai, jei norite rašyti visiškai teisingą ir galiojantį HTML, turėsite naudoti teisingą lizdą. Priešingu atveju kiekvienas tikrintuvas pažymės jūsų HTML kaip neteisingą.