I migliori consigli per la formattazione dell’Hypertext Markup Language (HTML) includono la specifica di una dichiarazione del tipo di documento, l’aggiunta di buone parole chiave per i metadati per una migliore ottimizzazione dei motori di ricerca (SEO) e il seguire un sistema coerente di indentazione per rendere la formattazione HTML più facile da leggere per gli altri. Scrivere un buon codice HTML comporta anche il rispetto di una serie di regole per l’annidamento dei tag nell’ordine corretto, che a volte richiede una maggiore attenzione ai dettagli. L’aggiunta di commenti specifici in un documento HTML è un ulteriore buon consiglio di formattazione che semplifica il processo di modifica. L’apprendimento di una buona formattazione HTML è generalmente considerato una parte fondamentale del processo di progettazione web.
La codifica HTML in un nuovo documento spesso inizia con una dichiarazione che indica quale tipo di tag HTML verrà utilizzato nel documento. Le tre dichiarazioni del tipo di documento più comuni sono chiamate HTML Strict, HTML Transitional e HTML Frameset. Includere una di queste dichiarazioni è essenziale per controllare un documento HTML con uno strumento di convalida progettato per controllare gli errori di codifica.
Molti sviluppatori web professionisti consigliano di utilizzare la dichiarazione HTML Strict ogni volta che è possibile. La dichiarazione del documento di transizione HTML può essere utilizzata nei casi in cui il web designer utilizza elementi di diverse versioni di HTML. Un esempio potrebbe essere un documento scritto principalmente in HTML 4 con alcune funzionalità aggiuntive codificate in HTML 5.
Le parole chiave dei metadati sono uno degli elementi più importanti di un sito Web che si posiziona bene nei principali motori di ricerca. Queste parole chiave sono anche un’area della formattazione HTML che molti web designer trascurano o non riescono a pianificare a sufficienza. L’inserimento di parole chiave specifiche e pertinenti nei tag dei metadati spesso fa una differenza significativa nel portare visitatori mirati a un sito in base a frasi simili che digitano in un motore di ricerca.
Un errore di formattazione HTML comune per gli sviluppatori web principianti è quello di mantenere ogni riga di codice giustificata a sinistra nei loro editor HTML. Anche se questa pratica consente di risparmiare tempo nell’indentazione degli elementi HTML, risulta in documenti HTML difficili da decifrare. Il rientro errato a volte può anche portare a modifiche imprecise quando altri designer controllano un documento HTML per errori e questi errori mancati possono persino causare il rendering errato di una pagina Web in un browser. Una regola generale per il rientro è che solo i tag di apertura e chiusura dovrebbero essere giustificati a sinistra con il loro contenuto HTML rientrato con almeno uno spazio di tabulazione.
Anche la corretta nidificazione dei tag è essenziale per la corretta formattazione HTML. I tag di chiusura di una riga di codice HTML generalmente devono essere digitati nello stesso ordine logico dei tag di apertura corrispondenti. Questo passaggio di formattazione richiede spesso un po’ di pratica con le righe di codice HTML che contengono diversi elementi annidati.