2011-08-19 4 views
5

Esiste un singolo framework con il quale posso creare un sito Web css3, html5 compatibile per tutti i browser incluso IE7 e versioni successive? Può lo http://html5boilerplate.com/ boilerplate aiutarmi in questo?come rendere il sito Web compatibile css3 e html5 per tutti i browser incluso IE7 e successivi

+0

perché -1? c'è qualche problema con questa domanda? – Yasir

+0

cool -2 chiunque, perché? – Yasir

+2

È una domanda fuorviata che indica un fondamentale fraintendimento di ciò che HTML5 e CSS3 rappresentano e come affrontare lo sviluppo web nel mondo moderno, rendendo difficile rispondere in modo ragionevole. Non è un framework che renderà il tuo sito compatibile, è solo utilizzando le funzionalità che funzionano in tutti i browser in cui desideri che il tuo sito funzioni, rendendolo compatibile. Potresti usare le parti della specifica HTML5 che rimangono invariate rispetto a HTML4, potresti usare le parti di CSS3 che esistono immutate dai CSS2, che renderebbe un sito Web HTML5 e CSS3? – robertc

risposta

13

mai ottenere il motore di rendering IE7 o IE8 per ottenere la piena compatibilità con HTML5, CSS3 e altre tecnologie moderne. Semplicemente non ne sono capaci.

Tuttavia ci sono alcuni hack, strumenti e plug-in che possono farti diventare parte del cammino.

Strumenti come Modernizr ti aiuteranno consentendo di rilevare quali funzionalità sono supportate, per dare al tuo sito la possibilità di aggirarlo.

jQuery è comunque una grande libreria, ma è particolarmente utile in questo contesto perché astrae molte differenze tra i browser dallo sviluppatore. Alcune cose sono facili nella maggior parte dei browser ma una vera sofferenza in IE; jQuery prende un sacco di quel tipo di cose e lo rende facile a prescindere.

Dean Edwards' IE7.js e Selectivzr sono entrambe librerie Javascript che forniscono supporto IE per molti selettori CSS che mancavano nelle versioni precedenti. Ciò ti consente di scrivere i tuoi fogli di stile senza preoccuparti troppo di ciò che supporta IE. (IE7.js risolve anche una serie di altri disturbi di IE e dispersi dispone di troppo)

CSS3Pie è un hack per IE che aggiunge il supporto per i CSS border-radius, gradienti e box-shadow.

Ci sono in effetti un intero carico di hack lungo queste linee, tutti finalizzati ad aggiungere funzionalità a versioni precedenti di IE che mancano. Il sito Web di Modernizr ne ha una grande lista qui: https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills

Tuttavia c'è un grosso avvertimento a tutto ciò. Velocità. IE < = 8 è un browser lento. Ha un motore Javascript lento. Praticamente tutti questi hack sono basati su javascript. Potresti farla franca con alcuni di loro su un dato sito, ma provare a usarne abbastanza per dare a IE qualcosa come il pieno supporto per HTML5 e CSS3 rallenterà il browser fino al punto di essere inutilizzabile.

C'è un altro angolo per affrontare questa domanda, e questo è il plug-in Frame di Google per IE. In pratica installa tutto il motore del browser Google Chrome in IE. L'utente sta ancora eseguendo la shell di IE, ma la pagina web viene visualizzata come sarebbe in una versione aggiornata di Chrome.

Questo suona bene, ma ovviamente non è perfetto. Il principale aspetto negativo è che l'utente finale deve installarlo manualmente sul proprio computer, il che significa che come sviluppatore web non si ha alcun controllo reale sul fatto che ci sia o meno. Quindi non è qualcosa che puoi semplicemente aggiungere al tuo sito e aspettarti che tutto funzioni magicamente.

Infine, potresti anche essere interessato a CanIUse.com, che fornisce tabelle di supporto per browser per varie funzioni, che ti permettono di vedere immediatamente cosa è e cosa non è supportato nelle varie versioni di ciascun browser.

0

Modernizr è una libreria JavaScript open source che consente di creare la prossima generazione di siti Web basati su HTML5 e CSS3.

MS è compreso nel modello ASP.net MVC proietta

+0

Grazie per la risposta, ma non credo che utilizzando modernizr posso ottenere lo stesso effetto o stile su tutti i browser come nemmeno in IE8 .. c'è un esempio di Faruk Ateş http://www.alistapart.com/d/taking -advantage-of-html5-and-css3-with-modernizr/sample-advanced.html l'immagine non sta ruotando, @ font-face non funziona ... – Yasir

+2

Non c'è un proiettile d'argento, mi dispiace, Modernizr aiuterà – smallmouse

1

HTML 5 è più un termine generico per una varietà di tecnologie di qualsiasi una cosa o quadro. In realtà, qualsiasi implementazione che fai dovrebbe degradare con garbo ... e questo è ciò che rende il browser del sito compatibile. Rileva ciò che il browser supporta e quindi dispone di alternative che sono legacy friendly.

Partenza: http://accessites.org/site/2007/02/graceful-degradation-progressive-enhancement/

E: http://diveintohtml5.ep.io/detect.html

Buona fortuna.

0

html5boilerplate non ti aiuterà.

Come altri hanno affermato che html5 e css3 sono termini molto generici, non esiste un framework che implementa tutte le funzionalità fornite da entrambi. In realtà non sono ugualmente supportati nei browser che dicono che li supportano. E ancora, anche i ragazzi del W3C (che scrivono le specifiche per html5 e css3) non sono ancora stati stabiliti su quali funzionalità includeranno o quali passaggi saranno necessari per implementarli. Si ottiene l'idea ...

Ma .. se si restringono i requisiti per alcune caratteristiche specifiche, come video, tag audio, disegno su tela, effetti Cif nifty, API file o altri, è possibile trovare framework che implementano (o provare a imitarli) con le tecnologie disponibili in modalità cross-browser (più o meno).