Quali sono le due parti principali di un documento HTML

Le due parti principali di un documento HTML sono l'head (testata) e il body (corpo). Ogni sezione contiene informazioni specifiche. La sezione head contiene informazioni utili al browser web e ai motori di ricerca ma non visibili al lettore. La sezione body contiene le informazioni che vuoi che il visitatore veda. Il documento è specificamente formattato in modo che i browser web siano in grado di analizzare le informazioni e presentarle correttamente al visitatore.

Struttura di un documento HTML

Un documento HTML deve essere formattato correttamente per essere letto da un browser web. Quanto segue è una struttura generale di un tipico documento HTML:

<!DOCTYPE>
<html>
  <head> Informazioni per browser web e motori di ricerca </head>
  <body> Contenuti visibili al lettore </body>
</html>

Sia i tag <head> che i tag <body> sono contenuti all'interno del tag principale <html>. Entrambe le sezioni devono essere terminate con i caratteri </> affinché il documento venga letto.

Contenuti dell'head

La sezione head del documento contiene il titolo del sito, parole chiave per i motori di ricerca, script e la posizione di un foglio di stile a cascata che dovrebbe essere usato per formattare la pagina. Tipici tag HTML usati nella sezione head includono i tag <title>, <link>, <style> e <script>.

Il tag <title> definisce il titolo del documento. Il tag <link> collega una risorsa esterna, come un file CSS, al documento. Il tag <style> definisce gli stili del documento. Il tag <meta> è usato per definire l'autore, le parole chiave e la descrizione del documento. Il tag <script> definisce uno script che deve essere eseguito sul computer del visitatore. Se la sezione head non è posta nel documento, i contenuti del documento sono comunque visualizzati dal browser.

Contenuti del body

La sezione body è usata per formattare l'effettiva pagina web. La maggior parte dei tag HTML, come il tag paragrafo (<p>), il tag anchor (<a>), i tag intestazioni (<h1> a <h6>) e il tag section (<section>) sono usati in questa sezione del documento. Gli script lato server sono anche posti in questa sezione del documento. Se non hai una sezione body nel tuo documento HTML, nulla viene visualizzato nel browser web.

DOCTYPE

L'unica cosa non inclusa tra i tag <html> è la dichiarazione DOCTYPE. Se usata, dovrebbe essere la prima riga nel documento HTML. È usata per dire al browser web quale versione di HTML il documento sta usando. Il browser usa questa dichiarazione per renderizzare la pagina correttamente. La dichiarazione DOCTYPE può essere omessa, ma il browser potrebbe non presentare la tua pagina correttamente.