Estructura del document HTML

Hi ha una estructura bàsica per als documents HTML. Aquesta estructura no només és requerida perquè el teu document s’ajusti a l’estàndard sinó que també et permetrà oferir informació útil sobre el teu document.

L’estructura bàsica de qualsevol document HTML es compon de les següents seccions o elements:

<!DOCTYPE html>. El primer que ens trobem és la declaració del tipus de document que s’està mostrant. El DOCTYPE variarà segons el tipus de document realitzat.
html. Indiquem que iniciem el nostre document HTML. Aquesta etiqueta es tanca quan finalitzem el document. Veiem que porta un atribut lang, això serveix per a indicar l’idioma del document (en el nostre cas català)
head. En un document HTML tenim una capçalera on col·loquem les metadades de la pàgina, el codi JavaScript (<script>) i el CSS (<style>) que utilitzarà el navegador per renderitzar la pàgina.
meta charset. Obligatori en HTML5, informa del joc de caràcters del document, hauria de ser sempre utf-8. Com a metadada ha d’anar dins el head.
title. És un tipus de metadada especial que ens proporciona el títol de la pàgina. Per motius de posicionament (SEO) es recomana que el meta title sigui semblant al H1 del document i a l’URL de la pàgina.
body. En el seu interior hi tindrem el contingut de la pàgina.

Fitxer d’exemple: estructura.html