HTML Tags
HyperText Markup Language
HTML tags er de kommandoer i markeringssproget HTML (HyperText Markup Language), som fortæller en browser, hvordan indholdet på en webside skal opfattes og vises. En tag markerer typisk begyndelsen og slutningen af et element – for eksempel en overskrift, et afsnit eller et billede – og består af et tagnavn omgivet af vinkelparenteser. Uden tags ville en browser blot se en lang, uformateret tekststrøm uden struktur.
Et konkret eksempel: skriver man <p>Dette er et afsnit.</p> i et HTML-dokument, fortæller de to <p>-tags browseren, at teksten imellem dem skal vises som et selvstændigt afsnit med linjeskift før og efter. Skifter man i stedet tagget ud med <h1>, vil den samme tekst blive vist som en stor, fremtrædende overskrift. Det er denne mekanisme – at samme tekst kan gives vidt forskellig betydning og udseende afhængigt af, hvilken tag den pakkes ind i – der gør HTML til byggestenene i stort set alle websider.
Sådan er en HTML tag bygget op
De fleste HTML tags optræder i par: en åbningstag og en tilsvarende lukketag, hvor lukketagget har et lille skråstreg-tegn foran tagnavnet. Alt, hvad der står mellem de to tags, kaldes elementets indhold. Et led som <a href=”https://example.dk”>Besøg siden</a> viser desuden, at en tag ofte suppleres med attributter – i dette tilfælde href, som fortæller browseren, hvilken adresse linket skal pege på.
Ikke alle tags optræder i par. Nogle tags, som <img> og <br>, indeholder ikke selv nogen tekst eller andre elementer og kaldes derfor selvlukkende – de beskriver blot en enkelt handling, som at indsætte et billede eller skifte linje, og har derfor ikke brug for en separat lukketag.
Hvor bruges HTML tags, og hvilken betydning har de
Browseren læser HTML-dokumentet fra toppen og ned og bruger tagsene til at afgøre, hvordan hvert stykke indhold skal formateres og placeres på siden. Uden denne markering ville browseren ikke kunne skelne mellem almindelig tekst og eksempelvis en overskrift, en liste eller et link. Tags bruges derfor overalt, hvor der findes en webside – fra simple, statiske sider til de mest komplekse webapplikationer.
Ud over den rent visuelle formatering har HTML tags også betydning for, hvordan søgemaskiner og andre systemer forstår siden. Det gælder blandt andet en række tags i sidens on-page SEO-arbejde, hvor korrekt brug af tags som overskrifter kan hjælpe med at signalere sidens indhold og struktur. Et konkret eksempel er tagget til meta description, som ligger skjult i sidens kildekode, men som mange søgemaskiner viser frem som en tekst under linket i søgeresultaterne. På samme måde bruges en særlig canonical tag til at fortælle søgemaskiner, hvilken udgave af en side der skal betragtes som den primære, hvis flere URL’er indeholder næsten identisk indhold.
Eksempler på almindelige HTML tags
- <html>, <head> og <body> – de tre overordnede tags, som rammer et helt HTML-dokument ind.
- <h1> til <h6> – overskrifter i faldende hierarkisk vigtighed.
- <p> – almindelige tekstafsnit.
- <a> – hyperlinks, styret af attributten href.
- <img> – indsættelse af billeder, hvor attributten src peger på billedfilen.
- <ul>, <ol> og <li> – henholdsvis punktopstillinger, nummererede lister og de enkelte listepunkter.
- <div> – en generel beholder, der ofte bruges til at inddele siden i sektioner sammen med CSS.
Kan man selv bruge HTML tags?
Ja – HTML tags kræver ikke specialiseret udstyr eller software. Man kan skrive dem i en almindelig tekstredigering, gemme filen med endelsen .html og åbne den i en hvilken som helst browser for at se resultatet. Fordi mange tags har et navn, der antyder deres funktion – som <p> for paragraph eller <img> for image – er de grundlæggende tags forholdsvis lette at lære, selv uden forudgående programmeringserfaring.
Med tiden er det dog blevet almindeligt at supplere de rene HTML tags med mere semantiske varianter som <header>, <nav>, <article> og <footer>. De fungerer i praksis som <div>, men gør samtidig sidens struktur tydeligere for både udviklere og de systemer, der efterfølgende skal læse og fortolke koden.