Wikia

Wikia Centrale

Commenti57

Adeguare la tua wiki all'HTML5

HTML5-logo.png

Cari utenti, vi riporto un importante blog post da parte di un Product Manager di Wikia. Vi invito a leggerlo con estrema attenzione perché vi potrebbe interessare particolarmente.


Tutti sappiamo che internet consiste in una serie di tubi che vengono fatti funzionare tramite i sogni e le risate di alcuni gattini. Ma cosa mangiano questi gattini?

Mangiano HTML, un linguaggio fatto di codici che rappresenta la struttura portante di internet. Venne sviluppato per la prima volta da un gruppo anticonformista di sviluppatori web "fuorilegge" negli anni '80, il Web Hypertext Application Technology Working Group (WHATWG), che si è affermato agli inizi di questo secolo ed è diventato l'autorità di riferimento nelle pratiche di sviluppo del codice HTML. Il suo obiettivo è quello di far in modo che tutti gli sviluppatori web utilizzino una forma standardizzata di HTML che renda l'HTML stesso più potente e versatile.

Cosa significa tutto ciò per voi (e per i gattini)?

In questo momento su Wikia è in corso l'aggiornamento di tutte le wiki alla versione 1.19 del software MediaWiki. Sono sorti dei problemi riguardanti alcuni codici HTML non più supportati; infatti MediaWiki 1.19 non supporta alcuni elementi dell'HTML3 e dell'HTML4 "deprecati" (cioè fortemente disapprovati) e obsoleti. Proprio ora i gattini stanno richiedendo l'HTML5, la forma più recente e gustosa di HTML.

Ciò significa che alcuni codici HTML che avete utilizzato per migliorare il design delle vostre wiki son diventati obsoleti e son stati cambiati, magari senza che voi lo sappiate. Il codice più utilizzato che è stato cambiato è quello riguardante l'allineamento delle tabelle: align=center non funziona più. Al suo posto va utilizzato lo stile CSS. Ecco una breve guida su come allineare le tabelle e gli elementi al loro interno:

Allineare una tabella
  • sinistra: style="float:left;"
  • destra: style="float:right;"
  • centro: style="margin:auto;"
Allineare elementi all'interno di una tabella
  • sinistra: style="text-align:left;"
  • destra: style="text-align:right;"
  • centro: style="text-align:center;"

Ecco un esempio:

{| style="width:300px; margin:auto;" border="1"
| style="text-align:center;" | Centro
| style="text-align:left;" | Sinistra
| style="text-align:right;" | Destra
| Nessuno
|}

risulta in:

Centro Sinistra Destra Nessuno

Lo strumento per creare le tabelle del nostro editor effettuerà queste modifiche in automatico per le nuove tabelle, ma probabilmente dovrete modificare le tabelle già create.

Cos'altro è stato deprecato?

Se sei un collaboratore esperto che si diverte con l'HTML potresti controllare questa lista di elementi HTML deprecati e obsoleti e aggiornare gli stili nella tua wiki. Se cerchi un'ottima risorsa per conoscere gli standard e l'adeguamento all'HTML, ti possono sicuramente aiutare quelli di w3schools.

Importante!
Uno strumento utile per controllare se nelle pagine delle vostre wiki son presenti codici HTML deprecati lo trovate qui. Basta inserire l'URL della pagina da controllare e cliccare su "Validate" e vi appaiono i codici da correggere.

Spero che questo post risponda in parte alle vostre domande riguardo ai cambiamenti grafici nelle wiki. Se avete altre domande sull'uso dell'HTML nelle wiki, provate a chiedere nel forum della Community Central inglese (trovate gente più esperta rispetto a noi). È sempre meglio aggiornarsi sull'HTML in modo che i vostri articoli siano visualizzati correttamente in tutti i browser e in tutti i dispositivi (e la pancia dei gattini sia soddisfatta!).

Trevor Bolliger è un Product Manager di Wikia e fa finta di capire l'HTML delle wiki dal 2006.

Se avete dubbi o domande o semplicemente volete commentare la notizia, fatelo nella sezione sottostante.