Articoli

10 “must” dell’HTML

di eugy

Perché? Perché facendo così:

  • I motori di ricerca indicizzano meglio le pagine
  • La manutenzione al codice è più facile e veloce
  • Si può cambiare grafica facilmente
  • Il sito è leggibile con tutti i tipi di browser (non solo quelli “normali” ;) )

Insomma, ecco cosa fare e cosa non fare:

  1. SI’: usare tag semanticamente corretti. Ad esempio, non usare <p> per i titoli (anche facendo il carattere più grande con i CSS) ma <h1>
  2. NO: non usare il tag <font>. Ho detto NO! Qualsiasi cosa si possa fare con <font> si può fare anche con i CSS. L’idea è: con l’HTML si fa la struttura semantica, con i CSS si modifica l’aspetto.
  3. SI’: usare le virgolette per racchiudere i valori degli attributi dei tag. Ad esempio, <p class=”menu”> e non <p class=menu>. Lo so, se state usando PHP è una palla, ma potete inserire HTML “normale” chiudendo i tag <? ?>, per esempio così:
    <? if($condizione) { ?><p class="menu">
    
    < } >
  4. SI’: chiudere con uno / i tag che non hanno chiusura, come img, br, etc. Meglio se la / finale è preceduta da uno spazio, così: <br />
  5. SI’: iniziare sempre la pagina con una dichiarazione <DOCTYPE> corretta.
  6. NO: non “incastrare” i tag. Cioè, non così: <strong><em>testo</strong></em> ma così: <strong><em>testo</em></strong>
  7. SI’: usare i tag in minuscolo: in HTML sono case-insensitive, ma in XHTML no.
  8. NO: non usare le tabelle per formattare la pagina, usa i div! Però, se devi fare del contenuto tabellare, usa le tabelle, non dei div uno accanto all’altro ;)
  9. NO: non usare iframe, animazioni flash, immagini per visualizzare del contenuto di testo, o non verranno indicizzati dai motori di ricerca
  10. E soprattutto, valida tutte le pagine con un validatore HTML (http://validator.w3.org) per essere sicuro che seguano gli standard. In questo modo sarà anche più facile farle leggere correttamente a tutti i browser :)

Lascia una risposta

Dovete essere loggati per inviare un commento.

Archivi e link