Nesting HTML tags

Kaip tinkamai pritvirtinti HTML žymes

Jei šiandien pažvelgsite į HTML žymėjimą bet kokiam tinklalapiui, pamatysite HTML elementus, esančius kitose HTML-dalyse. Šie elementai, kurie yra "viduje" kitų, yra vadinami "įdėtais elementais", ir jie yra labai svarbūs šiandien bet kokiam tinklalapiui kurti.

Ką reiškia "Nest" HTML žymes?

Lengviausias būdas suprasti, kad yra lizdas - tai galvoti apie HTML žymes kaip laukus, kuriuose laikomas turinys. Jūsų turinys gali apimti tekstą, vaizdus ir tt HTML žymos yra turinys. Kartais reikia įdėti dėžutes kitose dėžutėse. Tos "vidinės" dėžutės yra įdėtos kitur.

Jei turite teksto bloką, kurį norite paryškinti dalyje, turėsite du HTML elementus ir pačią tekstą.

Pavyzdys: tai teksto sakinys .

Šis tekstas yra tas, kurį mes panaudosime kaip mūsų pavyzdį. Štai kaip tai būtų parašyta.

Pavyzdys: tai teksto sakinys.

Kadangi norėtumėte, kad žodis "sakinys" būtų drąsus, pridedamas atidaromas ir uždaromas paryškintas žymas prieš ir po to.

Pavyzdys: tai sakinys teksto.

Kaip matote, mes turime vieną langelį (pastraipą), kuriame yra mūsų sakinio turinys / tekstas, ir antroji dėžutė (stiprioji žymų pora), kuri šį žodį padarys drąsiu.

Kai pritvirtinkite žymas, labai svarbu, kad uždarytumėte žymas priešinga tvarka, kurią atidarėte. Pirmiausia atidarote

, o po to - , tai reiškia, kad jūs atvirkštumėte tai ir uždarykite , o tada .

Kitas būdas tai pamąstyti - vėl naudoti langelių analogiją. Jei įdėjote dėžutę kito dėžutės viduje, uždarykite vidinę dėžutę, kad galėtumėte uždaryti išorinį dėžutę arba dėžutę.

Pridedant daugiau pritvirtintų žymų

Ką daryti, jei norite, kad vienas ar du žodžiai būtų drąsūs, o kitas - kryžiais? Štai kaip tai padaryti.

Pavyzdys: tai yra sakinys teksto, ir jis taip pat turi tam tikrą italicized text .

Jūs galite pamatyti, kad mūsų išoriniame dėžute

dabar yra dvi įdėtos žymos, kurios yra viduje ir . Jie turi būti uždaryti prieš tai, kai langelis gali būti uždarytas.

Pavyzdys: tai yra sakinys tekste, ir jis taip pat turi tam tikrą italicized text .

Tai dar viena pastraipa. < / p>

Šiuo atveju turime langelių dėžėse! Labiausiai lauke yra

arba "padalinys". Šioje dėžutėje yra susietų pastraipų žymų pora, o pirmoje dalyje - kito ir žymų poros. Dar kartą pažvelkite į bet kurį tinklalapį šiandien ir pamatysite tai ir dar daugiau lizdų! Taip sukuriami puslapiai - dėžutės viduje.

Kodėl turėtumėte rūpintis ligomis?

Vienintelė priežastis, dėl kurios turėtumėte rūpintis lizdais, yra tai, ar ketinate naudoti CSS. Kaskadinio stiliaus lapai remiasi žymomis, kad dokumentas būtų nuosekliai prisegtas, kad galėtume nurodyti, kur stiliai prasideda ir baigiasi. Jei nustatysite stilių, kuris turės įtakos visiems "nuorodoms, esančioms skyriuje, su" pagrindinio turinio "klasės tekstu puslapyje, neteisingas įdėjimas apsunkina, kad naršyklė žinotų, kur taikyti tokius stilius. Pažvelkime į kai kuriuos HTML: