HyperText Markup Language (HTML) è un tipo di linguaggio informatico utilizzato per creare pagine che possono essere pubblicate su Internet o inviate tramite e-mail. Sebbene possa sembrare complesso a molte persone, è considerato un linguaggio relativamente semplice. Tutto il testo, la grafica e gli elementi di design di una pagina progettata con questa lingua sono “etichettati” con codici che indicano al browser Web o al programma di posta elettronica come visualizzare tali elementi. I tag forniscono anche informazioni sul layout e sulla formattazione in modo che la pagina Web o l’e-mail appaia il più vicino possibile al modo in cui il progettista ha inteso che fosse. Per il progettista di siti Web alle prime armi o chiunque altro abbia bisogno di conoscere un determinato codice o voglia imparare a creare un intero sito Web, ci sono molte utilità software, programmi e siti Web che possono assisterlo nella scrittura del codice HTML.
Structure
La codifica HTML è strutturata come un albero, con ogni tag diverso annidato al suo interno. Nella maggior parte dei casi, ogni elemento di formattazione richiede un tag di inizio e un tag di fine e tag diversi non dovrebbero sovrapporsi. Questo è ciò che si intende per “nidificato”; se il tag 2 si apre dopo il tag 1, allora il tag 2 deve essere chiuso per primo in modo che l’elemento di formattazione del tag 2 sia interamente racchiuso all’interno del tag 1. Gli elementi sono i singoli componenti che compongono il codice e includono i tag di apertura e chiusura e il contenuto fra loro. Gli attributi forniscono maggiori informazioni sull’elemento e sono costituiti dall’attributo e dal suo valore, collegati da un segno di uguale.
Per creare un elemento HTML, l’utente crea un tag che inizia e finisce con parentesi angolari e lo posiziona prima del testo che deve essere formattato. Il codice, di solito una o più lettere, numeri, parole e/o simboli, all’interno delle parentesi angolari indica qual è l’elemento e gli attributi che il contenuto dovrebbe avere, come la dimensione, il carattere o altre caratteristiche. Per terminare la formattazione, l’utente digita la prima parentesi angolare, quindi una barra rovesciata, quindi ripete il codice dell’elemento e chiude la parentesi. Per esempio, Che cos’è l’HTML? è il codice utilizzato per formattare il titolo di questo articolo; il tag dell’elemento “strong” è nidificato all’interno del tag “title”.
Tipi di codici
Esistono molti codici per consentire una diversa formattazione del testo, inclusi corsivo, tabelle, paragrafi e collegamenti ipertestuali alle pagine web. I codici possono anche indicare al browser o al programma di posta elettronica come visualizzare o utilizzare altri elementi, come immagini, grafica, video e suoni. È possibile utilizzare altri tipi di codici senza parentesi angolari per creare segni di punteggiatura, segni diacritici e altri simboli che potrebbero apparire nel testo. Sebbene tutti i browser Web e molti programmi di posta elettronica utilizzino l’HTML, ciascuno potrebbe interpretare e visualizzare il codice in modo leggermente diverso e i progettisti spesso devono considerare queste variazioni durante la creazione di una pagina Web.
Un linguaggio in evoluzione
Dallo sviluppo dell’HTML all’inizio degli anni ‘1990 da parte dello scienziato informatico britannico Tim Berners-Lee, ci sono stati molti cambiamenti e versioni. Queste versioni sono state mantenute dal World Wide Web Consortium (W3C) dal 1996. Nel gennaio 2008, il First Public Working Draft di HTML 5 è stato pubblicato dal gruppo di lavoro che stava sviluppando questa specifica. Ancora in fase di sviluppo a partire dal 2011, questa revisione avrebbe dovuto cambiare radicalmente lo sviluppo di applicazioni per il web. Introduce una serie di nuovi elementi, inclusi quelli per la struttura del sito, l’interattività e il supporto audio e video, oltre a nuovi attributi.
Visualizzazione del codice di una pagina Web
Il codice utilizzato per creare qualsiasi pagina Web può essere visualizzato navigando in un browser fino alla pagina, quindi scegliendo l’opzione corretta dal menu del browser. Nella maggior parte dei browser, l’utente può fare clic sul menu “visualizza” e selezionare un’opzione come “sorgente”, “visualizza sorgente” o “sorgente pagina”. Questo farà apparire una finestra pop-up e mostrerà il codice che è stato usato per creare quella pagina web.
È importante notare che non tutto il contenuto trovato su tutte le pagine web è scritto in HTML. Extensible Markup Language (XML) e Extensible HyperText Markup Language (XHTML) sono altri tipi di linguaggi di markup utilizzati nello sviluppo web. Inoltre, i fogli di stile, come i fogli di stile a cascata (CSS), vengono utilizzati per allegare lo stile ai documenti HTML. Linguaggi come Flash® e Java® vengono utilizzati per creare contenuti interattivi. Molti altri linguaggi di programmazione possono essere utilizzati per aggiungere funzionalità specifiche a un sito web.
Rispetto a HTM
In pratica, c’è poca differenza tra le estensioni HTM e HTML, poiché entrambe vengono lette come file HTML dalla maggior parte delle macchine. La ragione per cui c’erano due diverse estensioni per cominciare è che alcuni tipi di computer, come quelli che giravano su sistemi DOS a 16 bit o Windows® 3, non potevano leggere estensioni di quattro caratteri e quindi avevano bisogno dell’estensione HTM di tre caratteri. La maggior parte dei sistemi in grado di leggere estensioni di quattro caratteri sono programmati automaticamente per riconoscere i file HTM come file HTML, sebbene gli utenti di computer possano occasionalmente aver bisogno di un convertitore per modificare un file da HTM in un formato riconosciuto dal sistema.