Forståelse av parvise og enkeltstående tagger i HTML

HTML bruker to typer tagger: parvise tagger og enkeltstående (selvlukkende) tagger. Hver av dem har en ulik rolle når en nettside struktureres.

Parvise tagger

Parvise tagger har en åpningstag og en lukkingstag. De omslutter innhold, grupperer elementer og definerer betydning eller struktur.

Syntaks:

<tag_name>Some content</tag_name>

Her er et reelt eksempel på bruk av parvise tagger:

I dette eksempelet:

• <section>...</section>: grupperer relatert innhold sammen;
• <h1>...</h1>: legger til en overskrift for seksjonen;
• <p>...</p>: inneholder et avsnitt som forklarer at de fleste HTML-tagger kommer i par.

Enkle tagger

Enkle tagger har ikke en avsluttende tagg. De brukes når det ikke er behov for innhold mellom taggene, og all funksjonalitet defineres gjennom attributter.

Syntaks:

<tag_name />

Her er et faktisk eksempel på bruk av enkle tagger:

Denne koden inkluderer to elementer:

• <input />: oppretter et tekstinntastingsfelt. placeholder=" name" viser et hint inne i feltet;
• <img />: viser et bilde av frukt.
  • alt="Fruits": tekst som vises hvis bildet ikke lastes inn;
  • width og height: angir bildets dimensjoner;
  • src: spesifiserer bildeadressen.

Tagg-nesting

Tagger må nestes korrekt, som russiske dukker, der hver avsluttende tagg samsvarer med sin åpningstagg i riktig rekkefølge.

Her er et eksempel på nestede tagger:

<tag1>
  <tag2>
    <tag4>...</tag4>
    <tag5>...</tag5>
  </tag2>
  <tag3>
    <tag6>...</tag6>
  </tag3>
</tag1>

Her er et gyldig eksempel:

Denne koden viser et avsnitt med en lenke og uthevet tekst:

• <p>...</p>: omslutter hele avsnittet;
• <a href="https://privacy.com">...</a>: lager en klikkbar lenke til personvernerklæringen;
• <strong>...</strong>: gjør ordet "website" fet for å fremheve det.