Cos'è HTML e a cosa serve, spiegato a chi non programma

Dietro ogni pagina web che hai mai visitato — questa compresa — c’è lo stesso ingrediente: l’HTML. È il materiale da costruzione del web, il codice che il tuo browser riceve e trasforma in testi, immagini e pulsanti. Capire cos’è, almeno a grandi linee, è utile anche se non scriverai mai una riga di codice: ti aiuta a capire com’è fatto ciò che possiedi (o che stai per farti fare) e perché certi siti volano mentre altri arrancano.

Cosa significa HTML

HTML sta per HyperText Markup Language: linguaggio di marcatura per ipertesti. “Marcatura” è la parola chiave: l’HTML non calcola e non decide — descrive. Prende un contenuto e dichiara cosa è ogni pezzo: questo è un titolo, questo un paragrafo, questa un’immagine, questo un link.

Un esempio minimo, leggibile anche senza esperienza:

<article>
  <h1>Cos'è HTML</h1>
  <p>HTML è il linguaggio che struttura le pagine web.</p>
  <a href="/contattami/">Scrivimi</a>
</article>

Le parole tra parentesi angolari sono i tag: etichette che aprono e chiudono ogni elemento. <h1> dichiara il titolo principale, <p> un paragrafo, <a> un link. Il browser legge queste etichette e costruisce la pagina. Tutto qui — e con “tutto qui” è costruito l’intero web.

HTML, CSS e JavaScript: i tre mestieri di una pagina

L’HTML da solo produce pagine funzionanti ma spoglie. Nel web moderno lavora sempre in squadra con altri due linguaggi, e la divisione dei compiti è netta:

• HTML — la struttura: cosa c’è nella pagina e che ruolo ha ogni cosa. Lo scheletro.
• CSS — l’aspetto: colori, caratteri, spaziature, disposizione, comportamento su schermi diversi. L’abito.
• JavaScript — il comportamento: cosa succede quando l’utente interagisce — menu che si aprono, moduli che si validano, contenuti che si aggiornano. I muscoli.

Quando un sito è fatto bene, ogni linguaggio fa il suo mestiere. Quando è fatto male — struttura improvvisata, stili incollati ovunque, script che fanno tutto loro — il risultato si vede: pagine pesanti, fragili, difficili da mantenere.

Perché la qualità dell’HTML ti riguarda (anche se non programmi)

Qui la faccenda smette di essere teoria e tocca il portafoglio. La qualità del codice HTML incide su tre cose che contano per qualunque attività online:

La velocità

Un HTML pulito ed essenziale pesa poco e si carica in fretta; markup gonfio e disordinato — tipico di certi page builder che generano dieci livelli di scatole per un bottone — produce pagine lente. E la lentezza costa visitatori e posizioni, come ho documentato nella guida a PageSpeed e velocità.

La SEO

Google legge l’HTML, non la grafica. Una struttura semantica corretta — titoli gerarchici veri, tag usati per ciò che significano — aiuta il motore a capire di cosa parla la pagina; è uno dei fondamenti della SEO tecnica. L’HTML5 ha rafforzato questo aspetto con i tag semantici: <header>, <nav>, <article>, <footer> dichiarano il ruolo delle sezioni, e i motori ringraziano.

L’accessibilità

Un HTML corretto è leggibile dalle tecnologie assistive — screen reader in testa — e rende il sito usabile da tutti. Oltre a essere doveroso (e sempre più normato), è un altro segnale di qualità che i motori premiano.

”Sito in HTML” contro CMS: cosa vuol dire davvero

Nel gergo si distingue tra siti “fatti in HTML” e siti “fatti con WordPress” (o altri CMS). La distinzione può confondere — ogni sito arriva al browser come HTML — ma indica una differenza reale: come nasce quel codice. Nel sito statico le pagine sono scritte (o generate in anticipo) e servite così come sono: veloci, sicure, senza pezzi in movimento. Nel CMS le pagine vengono assemblate dal sistema, con un pannello che permette a chiunque di modificarle. Ho dedicato al confronto un articolo intero: siti in HTML vs WordPress, quale scegliere.

Non c’è un vincitore assoluto: c’è lo strumento giusto per ogni progetto. Il mio criterio, da sviluppatore: per siti vetrina e landing dove velocità e solidità contano più dell’auto-gestione quotidiana, lo statico è spesso imbattibile; quando il cliente deve aggiornare contenuti ogni settimana senza toccare codice, il CMS si guadagna il posto.

Vale la pena impararlo?

Se ti incuriosisce: sì, e più di quanto pensi. L’HTML è il linguaggio più accessibile del mondo digitale — sintassi leggibile, risultati immediati, zero installazioni: un file di testo e un browser bastano. È il primo passo perfetto verso il codice, per adulti curiosi come per ragazzi (è da lì che si parte anche nel mio corso di coding online per ragazzi).

E se invece il codice preferisci lasciarlo a chi lo scrive di mestiere, adesso sai cosa distingue un sito costruito bene: struttura pulita, semantica corretta, velocità. È il modo in cui costruisco ogni progetto di creazione siti web — e se vuoi sapere com’è messo il tuo, scrivimi: un’occhiata al codice la do volentieri, gratis.