1. CSS e JavaScript a parte.

La parte grafica del sito va fatta in CSS , preferibilmente in un foglio di stile a parte per non creare caos; lo stesso discorso vale per il JavaScript.


2. Inserire SEMPRE un DOCTYPE.

Inserire sempre un DOCTYPE all' inizio del documento, quindi prima del tag <html>. Come doctype consiglio questo:

Codice HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Ci sarebbe anche quello successivo per l' XHTML, ma con esso bisogna sempre chiudere i tag, quindi se siete smemorati e non chiudete dei tag (esempio </body> </html>) non ve lo consiglio, comunque quello xhtml è il seguente:

Codice HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
Se usate invece dei frameset nel sito dovete mettere il seguente:

Codice HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
oppure (relativo al discorso di prima) questo:

Codice HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">



3. Specificare il 'set' dei caratteri usati.

Ci sono caratteri speciali come le lettere accentate ( à è é ì ò ù ) o altri simboli ( & £ ecc.) che non vengono interpretate correttamente da tutti i browser , alcune volte capita che appaia un simbolo a forma di rombo nero con un punto interrogativo bianco al centro al posto della lettera. Questo "tag" consente di scrivere questi caratteri speciali senza dover correre questo rischio, altrimenti dovrete scrivere esempio &agrave; per indicare à; &egrave; per indicare è.

Il tag è il seguente:


Codice HTML:
<META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

4. Non usare nomi complicati per i tag e div.

Usando nomi semplici omettendo underscore o numeri avrete meno possibilità di riscontrare errori.