Head og body
Last updated
Last updated
Vi så tidligere at et HTML-dokument har følgende struktur:
Men hva er forskjellen på innholdet i head og body?
I head-elementet legger vi metadata vi ønsker å tilføye dokumentet, men som ikke skal vises på selve siden. I seksjonen hvor vi , 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 . Ved å sette de følgende to elementene, gir vi god informasjon til crawlerne som skal indeksere siden om hva innholdet er.
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. Det lille bildet man får øverst i fanen på en nettside settes også i head. Alle mulighetene finner du i MDN-dokumentasjonen vi lenket til øverst på denne siden.
Elementene som ligger som children til body-tagen er ganske enkelt det innholdet vi viser på siden. I om semantikk lister vi opp en del av de ulike elementene man kan sette i body.
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). Dette bildet er ofte referert til som et favicon.