Per realizzare un buon template è necessario partire da un codice HTML valido e per fare ciò è necessario applicare i vari tag in maniera corretta. Uno strumento fondamentale per valutare la bontà del codice HTML è fornito dal W3C, l’organismo internazione che si occupa di stabilire gli standard in materia.
Ecco alcuni consigli per partire con il piede giusto nella realizzazione di un template.
Utilizzare un DOCTYPE di tipo Strict
La prima riga di una pagina HTML serve a specificare di che tipo di documento si tratta e normalmente si presenta in questo formato:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Il DTD per un documento HTML può essere di tipo Strict, Transitional o Frameset. E’ fortemente consigliata l’adozione del tipo Strict, in quanto obbliga ad una maggiore aderenza agli standard.
Specificare il set di caratteri utilizzato
Immediatamente dopo il tag <head> è buona norma indicare il set di caratteri che si intende utilizzare nel documento. Il consiglio è quello di adottare la codifica UTF-8 tramite questa riga:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
Mantenere CSS e JavaScript esterni al documento
Anche se è possibile inserire codice JavaScript e fogli di stile CSS all’interno dei tag <head></head> del documento HTML, è buona norma caricarli da file esterni in modo da rendere la pagina più pulita ed agevolare i successivi interventi di modifica. Così facendo infatti possiamo fare in modo che diverse pagine attingano allo stesso file.
Per caricare un file CSS esterno è sufficiente inserire una riga di questo tipo prima del tag </head>:
<link rel="stylesheet" href="/css/style.css" type="text/css" media="screen" />
Ovviamente /css/style.css va sostituito con il percorso nel quale avete caricato il vostro file css.