Ultimamente varie persone mi hanno chiesto qualche consiglio su cosa leggere per ottenere un'infarinatura di HTML e CSS; così ho deciso di scrivere questo articolo per spiegare l'ABC, in modo tale che dopo aver gettato le basi, con un po' di tempo a disposizione e tanta dedizione, possiate cavarvela da soli nella marea di articoli, libri, documentazione presenti in rete.
L'idea alla base del web è lo scambio di informazioni, cioè il web era (ed è tutt'ora) un modo per rendere disponibili informazioni a chiunque.
Quali sono gli unici requisiti che queste informazioni devono avere? Devono essere fruibili e comprensibili.
L'HTML (acronimo di HyperText Markup Language) è il linguaggio con il quale si descrivono le informazioni sul web, ha il compito di descrivere nel modo più dettagliato possibile delle informazioni senza preoccuparsi di come esse verranno presentate.
Viceversa, CSS (acronimo di Cascading Style Sheet) è il linguaggio con il quale si descrive come le informazioni presenti in un file HTML debbano essere rese esteticamente.
Dalle due definizioni precedenti si capisce come questi due linguaggi si occupino di compiti totalmente diversi, questa è un concetto importante da ricordare sempre.
Come abbiamo detto poco sopra l'HTML ha il compito di descrivere le informazioni, per farlo è necessario che queste informazioni siano quanto più intellegibili possibile sia agli esseri umani sia ai motori di ricerca.
Il modo migliore per scrivere un file HTML è scriverlo facendo attenzione che sia semantico.
Pensate ad una pagina scritta, il testo presente in essa non è tutto della stessa importanza, ci sono dei titoli che descrivono porzioni di testo, ci sono elenchi puntati che rappresentano liste di "cose", ecc.
Scrivere in modo semantico significa creare un documento HTML che descriva, oltre al testo, anche questi elementi del documento e quindi che permetta ai motori di ricerca di capire cosa mostrare nei propri risultati.
Ora sappiamo dove inserire le informazioni, ma come le rendiamo graficamente? Tramite CSS
CSS ha il compito di descrivere la "resa estetica" delle informazioni presenti in un file HTML.
Per "resa estetica" si intende qualunque cosa sia legata alla visualizzazione delle informazioni come la posizione nella pagina, le dimensioni, i colori, le spaziature, i bordi, ecc.
E' importante ricordare sempre la netta separazione tra le informazioni (nell'HTML) e la loro estetica (nel CSS).
Questo articolo ha il compito di dare "un'infarinatura" a cosa siano HTML e CSS, nei prossimi articoli andrò un po' più nel dettaglio di entrambi ma sempre senza nessuna volontà di risultare esaustivo, sia HTML che CSS sono tecnologie in continua evoluzione e sarebbe impossibile tenere aggiornati gli articoli.
Proprio per via di questa continua evoluzione vi sconsiglio vivamente di acquistare libri su questi argomenti, un motore di ricerca è il vostro miglior alleato per trovare altri articoli recenti che vi spieghino nel dettaglio ciò che vi interessa.
Leggere un libro sull'HTML stampato qualche anno fa non solo risulterebbe una perdita di tempo e denaro ma potrebbe anche insegnarvi cose che oggi sono deprecate.