Ako pogledate HTML markup za bilo koju web stranicu danas vidjet ćete HTML elemente sadržane u ostalim HTML elementima. Ovi elementi koji su "unutar" drugih elemenata poznati su kao ugniježđeni elementi, a oni su presudni za izgradnju bilo koje web stranice danas.
Što znači ugniježđivati HTML oznake?
Najlakši način za razumijevanje gniježđenja je razmišljati o tome HTML oznake kao kutije u kojima se nalazi vaš sadržaj. Vaš sadržaj može sadržavati tekst, slike i srodne medije. HTML oznake su okviri oko sadržaja. Ponekad trebate smjestiti kutije u druge kutije. Ti "unutarnji" okviri ugniježđeni su unutar drugih.
Ako unutar odlomka imate blok teksta koji želite podebljano, imat ćete dva HTML elementi kao i sam tekst.
Primjer: Ovo je rečenica teksta.
Taj ćemo tekst koristiti kao primjer. Evo kako bi to bilo napisano u HTML-u:
Primjer: Ovo je rečenica teksta.
Da bi riječ rečenica podebljano, dodajte oznake za otvaranje i zatvaranje prije i poslije te riječi.
Primjer: Ovo je a rečenica teksta.
Kao što vidite, imamo jedan okvir (odlomak) koji sadrži sadržaj rečenice, plus drugi okvir ( jaka tag tag), što tu riječ čini podebljanom.
Kada gnijezdiš oznake, zatvori ih u suprotnom redoslijedu u kojem si ih otvorio. Otvoriš
prvo, a slijedi , što znači da to obrnete i zatvorite a zatim.
Drugi način razmišljanja o tome je ponovno korištenje analogije kutija. Ako kutiju smjestite u drugu kutiju, morate zatvoriti unutarnju da biste mogli zatvoriti vanjsku ili kutiju koja sadrži.
Dodavanje više ugniježđenih oznaka
Što ako želite samo jednu ili dvije riječi podebljano, a drugi postavljen kurziv? Evo kako to učiniti.
Primjer: Ovo je a rečenica teksta, a ima i neke kurziv u tekstu isto.
Možete vidjeti da je naša vanjska kutija,
, sada ima dvije ugniježđene oznake - i . Oboje moraju biti zatvoreni prije nego što se zatvori ona kutija koja sadrži.
Primjer: Ovo je a rečenica teksta, a ima i neke kurziv u tekstu isto.
Ovo je drugi odlomak.
U ovom slučaju imamo kutije unutar kutija! Najudaljenija kutija je
ili a. podjela. Unutar tog okvira nalazi se par ugniježđenih. oznake pasusa, a unutar prvog odlomka imamo sljedeći. i par oznaka.Zašto biste trebali brinuti o gniježđenju
Razlog br. 1 zbog kojeg biste trebali brinuti o gniježđenju je ako ćete koristiti CSS. Kaskadni listovi stilova oslanjati se na tagove koji će biti dosljedno ugniježđeni unutar dokumenta kako bi mogao odrediti gdje stilovi počinju i završavaju. Neispravno gniježđenje otežava pregledniku da zna gdje primijeniti ove stilove. Pogledajmo neki HTML:
Primjer: Ovo je a rečenica teksta, a ima i neke kurziv u tekstu isto.
Ovo je drugi odlomak.
Koristeći gornji primjer, ako smo željeli napisati a CSS stil koji bi utjecao na vezu unutar ove podjele i samo na tu vezu (za razliku od bilo koje druge poveznice u drugim odjeljcima stranice), trebamo koristiti gniježđenje da napišemo ovaj stil, kao takav:
.main-content a {
boja: # F00;
}
Ostala razmatranja
Pristupačnost i kompatibilnost preglednika također su bitni. Ako je vaš HTML pogrešno ugniježđen, neće biti toliko dostupan čitačima zaslona i starijim preglednicima - a mogao bi čak i potpuno razbiti vizualni izgled stranice ako preglednici ne mogu shvatiti kako pravilno prikazati stranicu jer su HTML elementi i oznake izvan mjesto.
Napokon, ako se trudite napisati potpuno ispravan i valjan HTML, morat ćete koristiti ispravno gniježđenje. Inače, svaki će validator označiti vaš HTML kao netočan.