Originariamente inviato da Svarions
Ciao,

per un template credo che il migliore in giro è http://it.html5boilerplate.com/ che può essere usato benissimo come punto di partenze (tra le altre cose ha i js per il crossbrowser e i css per il reset).

per quello che riguarda la sintassi html5 è molto permissivo però io nello sviluppo ho fatto alcune scelte. Alcune di queste scelte sono prese a piene mani dall'xhtml altre dal mio personale gusto, nel particolare:

  • tag in minuscolo (non <HEADER> ma <header>)
  • classi e id in inglese, se composti da una parola tutto in minuscolo se composti da più parole la prima lettera di ogni parola tranne la prima in maiuscolo (ex. userSurname)
  • se un attributo ha un valore lo quoto con le doppie virgolette (anche se si può non metterle infatti sono validi sia id=userSurname che id='userSurname' che, il mio preferito, id="userSurname")
  • chiudo sempre i tag (quindi <img src... />)
  • Chiudo i tag anche se vuoti (ex.

    </p> piuttosto che

    che è comunque valido se vuoto)
  • per gli attributi booleani non ci metto il valore (ex. required e non required="required")


qualcuno ha altre preferenze?
  • gli attributi booleani li scrivo per esteso per evitare di incorrere in bug/problemi con javascript e alcuni browser. Firefox 3.6 e jquery con un codice tipo
    Codice PHP:
    $(":input").filter("[required]") 
    selezionerebbe un input con required="required" ma non required né required=""
  • tag vuoti come

    </p> o <div></div> andrebbero evitati il più possibile (per me sono errori di progettazione del contenuto)
  • classi e id sempre in minuscolo per evitare problemi con linguaggi case sensitive (e per distinguere dalla sintassi che uso nelle funzioni in js)