Head og body
Vi så tidligere at et HTML-dokument har følgende struktur:
<html lang="no">
<head></head>
<body></body>
</html>
Men hva er forskjellen på innholdet i head og body?
Head
I head-elementet legger vi metadata vi ønsker å tilføye på dokumentet, men som ikke vises på selve siden. I seksjonen hvor vi satte opp en liten nettside, la vi blant annet inn charset for å fortelle nettleseren hva slags tegnsett vi hadde lyst til å legge inn.
Metadataene vi setter i HTML head er også viktige for blant annet søkemotorer og search engine optimization (SEO). Ved å sette de følgende to elementene, gir vi god informasjon til crawlerne som skal indeksere siden om hva innholdet er.
<meta name="author" content="Bjarne Betjent">
<meta name="description" content="Livet på Sesam Stasjon">
Det finnes mye annen informasjon man kan legge som metadata, for eksempel bildet og beskrivelsen du har lyst til at skal komme opp hvis noen deler siden din på Facebook. Alle mulighetene finner du i MDN-dokumentasjonen vi lenket til øverst på denne siden.
Body
Elementene som ligger som children til body-tagen er ganske enkelt det innholdet vi viser på siden.
Oppgaver:
- Legg til en tittel på nettsiden din som vises i fanen (taben) i nettleseren.
- Legg til et lite bilde som også vises i fanen (taben).