Če pogledate HTML markup za katero koli spletno stran danes boste videli elemente HTML, ki jih vsebujejo drugi elementi HTML. Ti elementi, ki so "znotraj" drugih elementov, so znani kot ugnezdeni elementi, in so bistvenega pomena za izdelavo katere koli spletne strani danes.
Kaj pomeni gnezditi oznake HTML?
Gnezdenje najlažje razumemo tako, da pomislimo Oznake HTML kot polja, ki vsebujejo vašo vsebino. Vaša vsebina lahko vključuje besedilo, slike in sorodne medije. Oznake HTML so polja okoli vsebine. Včasih morate postaviti škatle v druge škatle. Ta "notranja" polja so ugnezdena znotraj drugih.
Če imate v odstavku blok besedila, ki ga želite videti krepko, boste imeli dva Elementi HTML kot tudi samo besedilo.
Primer: To je stavek besedila.
To besedilo bomo uporabili kot primer. Takole bi bilo zapisano v HTML:
Primer: To je stavek besedila.
Da povem besedo stavek krepko, dodajte oznake odpiranja in zapiranja pred in za to besedo.
Primer: To je a stavek besedila.
Kot lahko vidite, imamo eno polje (odstavek), ki vsebuje vsebino stavka, in drugo polje (
močna tag tag), zaradi česar je beseda krepka.Ko gnetite oznake, jih zaprite v nasprotnem vrstnem redu, kot ste jih odprli. Odpreš
najprej, nato pa , kar pomeni, da to obrnete in zaprete in nato.
Drugi način razmišljanja o tem je, da znova uporabimo analogijo škatel. Če postavite škatlo v drugo škatlo, morate zapreti notranjo, preden lahko zaprete zunanjo škatlo ali škatlo.
Dodajanje več ugnezdenih oznak
Kaj pa, če želite le eno ali dve besedi krepko, druga nastavitev pa ležeča? Tukaj je opisano, kako to storiti.
Primer: To je a stavek besedila in jih ima tudi nekaj poševno besedilo preveč.
Vidite, da je naša zunanja škatla
, zdaj ima v sebi dve ugnezdeni oznaki - in . Oba morata biti zaprta, preden se lahko zaprta škatla.
Primer: To je a stavek besedila in jih ima tudi nekaj poševno besedilo preveč.
To je še en odstavek.
V tem primeru imamo škatle znotraj škatel! Najbolj zunanja škatla je
ali a. delitev. Znotraj tega polja so par ugnezdenih. oznake odstavkov, v prvem odstavku pa imamo naslednjega. in par oznak.Zakaj bi vas skrbelo za gnezdenje
Razlog št. 1, zaradi katerega bi morali skrbeti za gnezdenje, je, če boste uporabljali CSS. Cascading Style Sheets zanašajte se na to, da bodo oznake dosledno vgnezdene v dokument, da bo lahko ugotovil, kje se slogi začnejo in končajo. Zaradi nepravilnega gnezdenja brskalnik težko ve, kje uporabiti te sloge. Poglejmo nekaj HTML-ja:
Primer: To je a stavek besedila in jih ima tudi nekaj poševno besedilo preveč.
To je še en odstavek.
Če uporabimo zgornji primer, če smo želeli napisati a CSS slog ki bi vplival na povezavo znotraj tega oddelka in samo na to povezavo (v nasprotju s katerimi koli drugimi povezavami v drugih odsekih strani) bi morali uporabiti gnezdenje za pisanje tega sloga kot takega:
.main-content a {
barva: # F00;
}
Drugi premisleki
Dostopnost in združljivost brskalnika sta prav tako pomembna. Če je vaš HTML napačno ugnezden, bralnikom zaslona in starejšim brskalnikom ne bo na voljo - in lahko celo popolnoma zlomi vizualni videz strani, če brskalniki ne morejo ugotoviti, kako pravilno upodabljati stran, ker elementov in oznak HTML ni več kraj.
Nazadnje, če si želite napisati popolnoma pravilen in veljaven HTML, boste morali uporabiti pravilno gnezdenje. V nasprotnem primeru bo vsak validator vaš HTML označil kot napačen.