Læringsportal for frontend-utviklere

Grunnleggende HTML-dokument

HTML står for Hypertext Markup Language og brukes til å strukturere nettsider. ... HTML er et markeringsspråk som bruker tagger for å definere overskrifter, avsnitt, lenker og bilder i et dokument.

• Hypertekst refererer til måten nettsider (HTML-dokumenter) er koblet sammen på. Dermed kalles lenken som er tilgjengelig på en nettside hypertekst. Som navnet antyder, er HTML et markeringsspråk, som betyr at du bruker HTML til å ganske enkelt «markere» et tekstdokument med tagger som forteller en nettleser hvordan den skal strukturere det for visning.

Les mer

Meta‑tagger (SEO)

Meta‑tagger gir informasjon om nettsiden til søkemotorer. ... Open Graph‑tagger brukes når siden deles på sosiale medier, slik at riktig tittel og beskrivelse vises.
Målet: Disse meta‑taggene brukes i HTML for å gi informasjon om nettsiden til søkemotorer og sosiale medier. description brukes av Google for å vise en kort tekst om siden. Open Graph‑taggene (og:title, og:description, og:type, og:locale) brukes ved deling, slik at riktig tittel, beskrivelse, innholdstype og språk vises i forhåndsvisningen.

Les mer

<header>-seksjonen

Toppdelen på en nettside viser navigasjon, logoer og andre viktige elementer øverst på siden. I HTML opprettes den med <header>. ...

Overskriften inneholder ofte en klikkbar tittel som lenker til forsiden, en mobilvennlig menyknapp og en navigasjonsmeny. Bruk gjerne aria‑expanded og aria‑label på menyknappen, og aria-current="page" på aktiv lenke for bedre tilgjengelighet.

Les mer

Hva er en hero‑seksjon?

En hero‑seksjon er et stort innledende område øverst på en nettside. ...

Den inneholder vanligvis en overskrift, en kort beskrivelse og et bilde. Hensikten er å raskt forklare hva nettstedet handler om og lede brukeren til de viktigste sidene.

Les mer

Hovedoppsettet (<main>)

<main> inneholder det viktigste innholdet på nettsiden. Det bør bare være én <main> per side: ...

• Bedre for skjermlesere
• Bedre for søkemotorer
• Gir klar og semantisk struktur

Les mer

Hva en bunntekst er

En bunntekst opprettes i HTML ved hjelp av <footer class="site-footer">. Klassen site-footer styrer utseendet.

<span id="year"></span> er et tomt område der JavaScript automatisk setter inn gjeldende år. ...

Formål med en bunntekst:
• Gir kreditering til skaperne
• Gir et profesjonelt utseende
• Vises konsekvent nederst på alle sider
• Oppdaterer årstallet automatisk med JavaScript

Les mer