HTML žymų įdėjimas

Teisingai įdėjus HTML žymas išvengiama HTML klaidų

Jei pažvelgsite į HTML žymėjimas bet kuriame šiandieniniame tinklalapyje matysite HTML elementus, esančius kituose HTML elementuose. Šie elementai, esantys kitų elementų viduje, yra žinomi kaip įdėti elementai , ir jie yra būtini kuriant bet kokį tinklalapį šiandien.

Ką reiškia įdėti HTML žymas?

Lengviausias būdas suprasti lizdą yra galvoti apie tai HTML žymės kaip dėžės, kuriose yra jūsų turinys. Jūsų turinyje gali būti teksto, vaizdų ir susijusios medijos. HTML žymos yra laukeliai aplink turinį. Kartais dėžes reikia įdėti į kitas dėžes. Tos „vidinės“ dėžutės yra įdėtos į kitus.

Jei pastraipoje turite teksto bloką, kurį norite paryškinti pusjuodžiu šriftu, turėsite du HTML elementai kaip ir pats tekstas.

|_+_|

Šį tekstą naudosime kaip pavyzdį. Štai kaip tai būtų parašyta HTML:

|_+_|

Pavyzdys: tai teksto sakinys.

Padaryti žodį sakinys paryškintas, pridėkite pradžios ir uždarymo žymas prieš ir po šio žodžio.

|_+_|

Pavyzdys: tai a sakinys teksto.

Kaip matote, turime vieną langelį (pastraipą), kuriame yra sakinio turinys, ir antrą langelį ( stiprus žymų pora), kuri paverčia šį žodį paryškintu.

Kai įdedate žymas, uždarykite jas priešinga tvarka, nei jas atidarėte. Jūs atidarote

pirma, po to seka , o tai reiškia, kad pakeisite tai ir uždarysite ir tada

Kitas būdas apie tai galvoti – dar kartą panaudoti dėžučių analogiją. Jei įdedate dėžutę į kitą dėžę, turite uždaryti vidinę, kad galėtumėte uždaryti išorinę arba dėžę, kurioje yra.

Pridėkite daugiau įdėtų žymų

Ką daryti, jei norite, kad būtų tik vienas ar du žodžiai paryškintas, o kitas – kursyvu ? Štai kaip tai padaryti.

|_+_|

Pavyzdys: tai a sakinys teksto ir jame taip pat yra keletas kursyvu 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ę, kurioje yra.

|_+_|

Pavyzdys: tai a sakinys teksto ir jame taip pat yra keletas kursyvu tekstas taip pat.

Tai dar viena pastraipa.

Šiuo atveju mes turime dėžutes dėžėse! Tolimiausia dėžutė yra

arba a padalinys . To dėžutės viduje yra pora įdėtų pastraipų žymės , o pirmoje pastraipoje turime kitą ir žymų pora.

Kodėl jums turėtų rūpėti lizdų įdėjimas

Pirmoji priežastis, dėl kurios turėtumėte rūpintis lizdais, yra tai, ar ketinate naudoti CSS. Kaskadiniai stiliaus lapai pasikliauti, kad žymos būtų nuosekliai įdėtos į dokumentą, kad būtų galima pasakyti, kur prasideda ir baigiasi stiliai. Dėl neteisingo įdėjimo naršyklei sunku žinoti, kur taikyti šiuos stilius. Pažvelkime į HTML:

|_+_|

Pavyzdys: tai a sakinys teksto ir jame taip pat yra keletas kursyvu tekstas taip pat.

Tai yrakita pastraipa.

Naudojant aukščiau pateiktą pavyzdį, jei norėtume parašyti a CSS stilius kuri paveiktų šiame skyriuje esančią nuorodą ir tik tą nuorodą (priešingai nei bet kokios kitos nuorodos kitose puslapio skiltyse), turėtume naudoti įdėjimą, kad parašytume šį stilių:

|_+_|

Kiti svarstymai

Prieinamumas ir naršyklės suderinamumas taip pat svarbūs. Jei jūsų HTML yra neteisingai įdėtas, jis nebus toks pasiekiamas ekrano skaitytuvams ir senesnėms naršyklėms ir netgi gali visiškai sugadinti vizualinę puslapio išvaizdą, jei naršyklės negalės suprasti, kaip tinkamai pateikti puslapį, nes HTML elementai ir žymos yra ne vietoje.

Galiausiai, jei norite parašyti visiškai teisingą ir tinkamą HTML, turėsite naudoti teisingą įdėjimą. Priešingu atveju kiekvienas tikrintuvas pažymės jūsų HTML kaip neteisingą.