2010-05-19 11 views
25

Io sono un designer la cui strategia di marketing principale è la compatibilità multi browser. Assicuro ai miei clienti che il sito funzionerà anche in IE6 (!).Esiste un modo per passare a HTML 5 e promettere comunque la compatibilità con più browser?

Ultimamente ho riflettuto sulla questione del passaggio a HTML 5. La ragione dietro la mia apprensione è che IE6 è ancora un giocatore importante in termini di quota di mercato e non voglio perderlo.

C'è un modo per passare a HTML 5 e promettere ancora la compatibilità con più browser?

Grazie.

+0

Nessuno di voi include IE6 nei vostri browser multipli. –

+4

Che cosa ti aspetti esattamente da HTML5? Quali caratteristiche vuoi usare? – RoToRa

+1

Correlati: http://stackoverflow.com/questions/2660261/html5-for-ie6-0 http://stackoverflow.com/questions/1188770/is-it-time-to-start-developing-with-html5 http : //stackoverflow.com/questions/1933241/is-valid-html5-ok-to-use-now –

risposta

33

Sì, facendo piccoli passi.

Per iniziare, è possibile passare al doctype HTML5: <!DOCTYPE html>. Questo cambia praticamente tutti i browser in modalità "standard", come un doctype rigido HTML 4.

Poi ci sono i nuovi elementi. Internet Explorer non è in grado di modificarli in modo nativo, ma un po 'pratico di javascript risolve il problema: http://code.google.com/p/html5shiv/

Se tu oi tuoi strumenti non siete pronti per questo (ad esempio alcuni CMS eliminano i tag HTML che non capiscono) , quindi nel frattempo potresti utilizzare le classi, ad es invece di <article>, utilizzare <div class="article">.

Per quanto riguarda i nuovi controlli di modulo, sono anche compatibili all'indietro. Così <input type="email"> funzionerà esattamente allo stesso modo di <input type="text"> nei browser che non lo supportano. Se necessario, puoi usare javascript per riempire gli spazi vuoti. Vedi http://diveintohtml5.ep.io/forms.html per ulteriori informazioni.

Per quanto riguarda <video> e <audio>, si può ripiegare a <object> per browser meno recenti - ad esempio http://camendesign.com/code/video_for_everybody. Nel frattempo, <canvas> può essere emulato in javascript, ad es. http://code.google.com/p/explorercanvas/.

+3

+1 Ottima risposta. –

+0

molto interessante! sembra facile – ZX12R

1

Come regola generale, non svilupperei un sito esclusivamente in HTML 5, ma prenderei in considerazione l'utilizzo di per alcune parti più ricche del sito. Ricorda che non è ancora raccomandato da W3C e IE lo supporta a malapena.

questo blog è una buona discussione su di esso: http://blogs.forrester.com/ronald_rogowski/10-05-10-what_should_customer_experience_professionals_do_about_html5

+0

"prenderebbe in considerazione l'utilizzo per certe, più ricche parti del sito" - come cosa? –

0

sì, ci sono diversi modi.

ma se NON HAI bisogno di elementi HTML5 come i tag video o i database del browser HTML di tipo html5, resta su XHTML, perché non è ancora raccomandato dal W3C. Qui puoi usare semplici fallback per ie6.

hai bisogno di html5 elementi e apis?

6

"To HTML5" è una dichiarazione abbastanza ampia. Anche se avete il nuovo set HTML5 doctype (il semplice <!DOCTYPE html>) non c'è bisogno di andare tutti fuori e utilizzare ogni aspetto di HTML5, solo ciò che è appropriato per il vostro progetto.

Se sei interessato a salire a bordo con HTML5, ti consiglio di leggere "How to use HTML5 in your client work right now" per esempi di come puoi utilizzare alcuni aspetti di HTML5 con pochi (se presenti) svantaggi.

Disclaimer: Sono uno dei curatori di HTML5 Doctor.

Da lì si riduce a se il tuo progetto trarrà vantaggio dalle funzionalità di HTML5 e se puoi permetterti di implementare queste funzionalità. Ad esempio, se tutti gli utenti di IE dispongono anche di JavaScript abilitato, è possibile utilizzare html5shiv per consentire a IE di riconoscere i nuovi elementi, consentendo di utilizzarli e modificarli.

Per quanto riguarda le nuove API JS e le proprietà CSS che le persone spesso raggruppano con il termine "HTML5", a meno che il sito non richieda assolutamente l'utilizzo della tecnologia (forse qualcosa come la geolocalizzazione), allora potrebbe semplicemente essere una questione di progressiva aumento. Se gli utenti di webkit/firefox ottengono angoli arrotondati dagli utenti CSS3 e IE no, è davvero un grosso problema?

0

Come ultima risorsa è possibile utilizzare Chrome Frame: http://code.google.com/chrome/chromeframe/

Per quanto riguarda "un giocatore importante in termini di quota di mercato", che in realtà dipende il vostro pubblico. Persino Microsoft sta commercializzando le sue nuove versioni di IE in modo piuttosto aggressivo. E non credo che sia vergognoso addebitare ai tuoi utenti di IE 6 un costo aggiuntivo per l'installazione di plugin. Dopo tutto, il loro browser ha 10 anni, ovvero circa 100 anni Internet, vero?

Problemi correlati