Nesting HTML-etikette

Hoe om HTML-etikette korrek te maak

As jy na die HTML-opmerkings vir enige webblad kyk, sien jy HTML-elemente wat in ander HTML-elemente voorkom. Hierdie elemente wat "binne" van ander is, is bekend as "geneste elemente", en dit is noodsaaklik om enige webblad vandag te bou.

Wat beteken dit om HTML-etikette te nes?

Die maklikste manier om nes te verstaan, is om HTML-etikette te dink as bokse wat jou inhoud bevat. Jou inhoud kan teks, beelde, ens. Insluit. HTML-etikette is die bokse rondom die inhoud. Soms moet jy bokse van ander bokse plekke. Dié "innerlike" bokse is geneste van ander.

As jy 'n blok teks het wat jy vet in 'n paragraaf wil hê, sal jy twee HTML-elemente sowel as die teks self hê.

Voorbeeld: Hierdie is 'n sin van teks.

Die teks is wat ons as voorbeeld sal gebruik. Hier is hoe dit geskryf sal word.

Voorbeeld: Hierdie is 'n sin van teks.

Omdat jy die woord "sin" wil hê, moet jy voor en na die worod die opening en afsluiting van vettekens byvoeg.

Voorbeeld: Dit is 'n sin van teks.

Soos u kan sien, het ons een blokkie (die paragraaf) wat die inhoud / teks van ons sin bevat, plus 'n tweede blokkie (die sterk merkpaar), wat die woord as vetdruk sal gee.

Wanneer u nekkaarte nes, is dit uiters belangrik dat u die etikette in die teenoorgestelde volgorde sluit wat u geopen het. U open die

eerste, gevolg deur die , wat beteken dat u dit omdraai en die en dan die sluit.

Nog 'n manier om hieroor te dink, is om weer die analogie van bokse te gebruik. As jy 'n boks in 'n ander boks plaas, moet jy die binnekant maak voordat jy die buitenste of houer boks kan sluit.

Voeg meer geneste etikette by

Wat as jy net een of twee woorde wil hê om vet te wees, en 'n ander stel om kursief te wees? Hier is hoe om dit te doen.

Voorbeeld: Dit is 'n sin van teks en dit het ook kursiveringstekste .

U kan sien dat ons buitenste boks, die

, nou twee geneste etikette daarin het - die en die . Hulle moet albei gesluit wees voordat die boks wat gesluit is, gesluit kan word.

Voorbeeld: Dit is 'n sin van teks en dit het ook kursiveringstekste .

Dit is 'n ander paragraaf. < / p>

In hierdie geval het ons bokse binne van bokse! Die mees uit boks is die

of 'n "afdeling". Binne die boks is 'n paar geneste paragraafetikette, en binne die eerste paragraaf het ons 'n volgende en tagpaar. Weereens, kyk na enige webblad vandag en jy sal hierdie en baie meer nes gebeur! Dit is hoe bladsye gebou word - bokse binne van bokse.

Hoekom moet jy omgee

Die nommer een rede waarom jy moet omgee, is as jy CSS gaan gebruik. Cascading Style Sheets staatmaak op etikette om konsekwent in die dokument genesteer te word sodat dit kan vertel waar die style begin en eindig. As u 'n styl opstel wat alle "skakels wat binne die afdeling is met 'n klas van hoofinhoud" teks op die bladsy, sal die foutiewe nes dit moeilik maak vir die leser om te weet waar om hierdie style toe te pas. Kom ons kyk na 'n paar HTML: