Page 14 - Guida tascabile HTML5
P. 14
L’importanza dei commenti
Una prassi consolidata, che è buona norma mettere in pratica lavorando con
qualsiasi linguaggio di programmazione, è l’aggiunta di commenti al codice
sorgente: queste annotazioni risulteranno utilissime per orientarsi, anche in caso di
interventi successivi, all’interno del codice.
La specifica HTML non fa eccezione e mette a disposizione una sintassi
specifica per fare in modo che il browser interpreti una porzione di testo come
commento, escludendola dalla visualizzazione nella pagina. I commenti HTML
sono racchiusi tra i tag <!-- e --> in questo modo:
<!-- questo testo sarà ignorato dal browser -->
NOTA Durante la creazione di una pagina, cercate di mantenere il codice ordinato e
razionale, aggiungendo commenti dove necessario e attenendovi alle best practice,
tenendo sempre presente che in futuro qualcun altro potrebbe aver bisogno di
intervenire sul vostro codice.
I metadati della sezione <head>
Come ormai sappiamo, i documenti HTML sono suddivisi in due blocchi
principali, identificati dai tag <head> e <body>. Prima di approfondire (nel prossimo
capitolo) la struttura dei contenuti veri e propri nel <body> (la sezione visibile della
pagina), è utile soffermarsi sui metadati che trovano spazio nella sezione <head>:
non fanno parte del flusso vero e proprio del documento, ma è fondamentale curarli
per arricchire la pagina di informazioni, per fare riferimento a risorse esterne
(fogli di stile CSS o codice JavaScript), e per ottimizzare l’indicizzazione nei
motori di ricerca.
Il tag <title>
Abbiamo già incontrato il tag <title>, con il quale è possibile attribuire un titolo
al documento: questa informazione non viene visualizzata direttamente nel flusso
dei contenuti, ma potrà essere utilizzata dal browser per identificarlo
nell’interfaccia, o come snippet quando la pagina viene salvata tra i preferiti.
Nella Figura 1.2 il contenuto del tag <title> viene riconosciuto dal browser e
utilizzato come testo predefinito per il nome del preferito. Ecco il relativo markup:
<title>I metadati della sezione head</title>
