Oramai dovrebbe essere chiaro a tutti, quando si passa alla scrittura del codice di una pagina web, bisogna distinguere tra contenuto, presentazione e comportamento.
Il contenuto va gestito attraverso l’uso di codice XHTML, la presentazione attraverso l’uso dei fogli di stile CSS, ed infine il comportamento della pagina attraverso l’uso si un linguaggio di scripring come ad esempio ECMASript (versione standard di Javascript).
Questo post è incentrato sul contenuto quindi sull’uso di codice XHTML conforme agli standard e semantico.
Scrivere codice XHTML in modo grammaticalmente corretto non è complesso, basta seguire alcune semplici regole come ad esempio scrivere i tag in minuscolo (ad esempio <h1> e non <H1>), chiudere sempre i tag aperti (<h1>Titolo</h1>) ed annidare i tag in modo corretto non aprendo e chiudendo tag a sproposito (ad esempio <p>il sito web della <a href=”http://www.cambioilweb.com”>mia azienda</a></p> e non <p>il sito web della <a href=”http://www.cambioilweb.com”>mia azienda</p></a>).
Validare il codice è semplice, basta andare sul sito W3C ed inserire l’indirizzo della pagina che si vuole validare.
Ma utilizzare codice XHTML grammaticalmente corretto non è sufficiente a creare pagine conformi agli standard per il web.
Cosa serve ancora? Semplice, bisogna scrivere il codice in modo semantico significa riappropriarsi del significato dei tag utilizzati.
Ad esempio <h1> non significa testo grande, ma titolo di ordine 1, questo tag andrebbe quindi utilizzato per il titolo principale della pagina. Se è necessario utilizzare titoli subordinati al prima, andrebbero utilizzati i tag <h2>, <h3>, <h4> etc… con <h3> subordinato ad <h2>, <h4> subordinato ad <h3> etc.
I tag <p> dovrebbero essere utilizzati per i paragrafi. Ogni paragrafo dovrebbe corrispondere ad un tag <p>. Per le liste andrebbero utilizzati i tag <ol> ed <ul> a seconda che queste siano numerate o meno.
Per le abbreviazioni andrebbe utilizzato il tag <abbr> per gli acronimo <acronym> etc.
I tag vuoti utilizzati per fini presentazionali andrebbero assolutamente evitati come andrebbe evitato l’uso del tag <br/> per creare spazi bianchi tra le righe di un testo. Con <br/> si va a capo quando è necessario andare a capo e basta.
A stavo dimenticando la cosa più importante: le tabelle servono, come dice il nome, a presentare dati in forma tabellare e non ad impostare il layout della pagina!!!
Con questo tag non intendo spiegare come scrivere codice semantico ma semplicemente sensibilizzare chi si avvicina per la prima volta al linguaggio XHTML, chi è pigro e chi fino ad ora non si è posto il problema al buon uso del codice.
Tutorial (ad esempio questo di Alessandro Fulciniti ) su come scrivere codice XHTML se ne trovano a migliaglia nel web come si trovano molti ottimi libri (come ad esempio “XHTML & CSS” di Patrick Griffiths).
Scrivere codice semantico non è più difficile dello scrivere codice e basta quindi perchè non farlo?
Articoli correlati
Tags: HTML, semantico, standard, XHTML, XHTML semantico