Nesting HTML-tagger
Riktig nesting av HTML-tagger forhindrer HTML-feil
Hvis du ser på HTML markering for enhver nettside i dag vil du se HTML-elementer inneholdt i andre HTML-elementer. Disse elementene som er 'inne' av andre elementer er kjent som nestede elementer , og de er avgjørende for å bygge enhver nettside i dag.
Hva betyr det å sette HTML-tagger?
Den enkleste måten å forstå hekking på er å tenke på HTML-tagger som bokser som inneholder innholdet ditt. Innholdet ditt kan inneholde tekst, bilder og relaterte medier. HTML-tagger er boksene rundt innholdet. Noen ganger må du plassere bokser inne i andre bokser. Disse 'indre' boksene er nestet inne i andre.
Hvis du har en tekstblokk du vil ha fet skrift inne i et avsnitt, har du to HTML-elementer samt selve teksten.
|_+_|
Den teksten er det vi skal bruke som eksempel. Slik blir det skrevet i HTML:
|_+_|Eksempel: Dette er en tekstsetning.
For å lage ordet setning fet skrift, legg til innledende og avsluttende tagger før og etter det ordet.
|_+_|Eksempel: Dette er en setning av tekst.
Som du kan se, har vi én boks (avsnittet) som inneholder innholdet i setningen, pluss en andre boks (den sterk tag-par), som gjengir ordet som fet skrift.
Når du nester tagger, lukker du taggene i motsatt rekkefølge som du åpnet dem. Du åpner
først, etterfulgt av , som betyr at du reverserer det og lukker og deretter
En annen måte å tenke på dette er å igjen bruke analogien til bokser. Hvis du plasserer en boks inne i en annen boks, må du lukke den indre før du kan lukke den ytre eller inneholdende boksen.
Legger til flere nestede tagger
Hva om du bare vil ha ett eller to ord fet skrift, og et annet sett skal være kursiv ? Slik gjør du det.
|_+_|Eksempel: Dette er en setning av tekst, og den har også noen kursiv tekst også.
Du kan se at vår ytre boks, den
, har nå to nestede tagger inni seg – den og . De må begge lukkes før den inneholder boksen kan lukkes.
|_+_|
Eksempel: Dette er en setning av tekst, og den har også noen kursiv tekst også.
Dette er et annet avsnitt.
I dette tilfellet har vi bokser inne i bokser! Den ytterste boksen er
eller a inndeling . Inne i den boksen er et par nestede avsnittskoder , og inne i første avsnitt har vi en neste og tag-par.Hvorfor bør du bry deg om hekking
Årsaken nr. 1 til at du bør bry deg om hekking er hvis du skal bruke CSS. Cascading Style Sheets stole på at koder konsekvent nestes i dokumentet, slik at det kan fortelle hvor stiler begynner og slutter. Feil nesting gjør det vanskelig for nettleseren å vite hvor de skal bruke disse stilene. La oss se på litt HTML:
|_+_|Eksempel: Dette er en setning av tekst, og den har også noen kursiv tekst også.
Dette eret annet avsnitt.
Ved å bruke eksempelet ovenfor, hvis vi ønsket å skrive en CSS-stil som ville påvirke koblingen inne i denne divisjonen, og bare den lenken (i motsetning til andre koblinger i andre deler av siden), må vi bruke nesting for å skrive denne stilen, som sådan:
|_+_|Andre hensyn
Tilgjengelighet og nettleserkompatibilitet er også viktig. Hvis HTML-en din er feil nestet, vil den ikke være like tilgjengelig for skjermlesere og eldre nettlesere – og den kan til og med ødelegge det visuelle utseendet til en side fullstendig hvis nettleserne ikke kan finne ut hvordan de skal gjengi en side på riktig måte fordi HTML-elementer og -tagger er malplassert.
Til slutt, hvis du streber etter å skrive helt korrekt og gyldig HTML, må du bruke riktig nesting. Ellers vil hver validator flagge HTML-koden din som feil.