2011-08-19 7 views
5

Czy istnieje jedna platforma, za pomocą której mogę zbudować stronę css3, html5, która jest kompatybilna dla wszystkich przeglądarek, w tym IE7 i późniejszych? Czy mogę w tym pomóc przy pomocy standardowej tabeli http://html5boilerplate.com/?jak stworzyć stronę kompatybilną z css3 i html5 dla wszystkich przeglądarek, w tym IE7 i późniejszych

+0

dlaczego -1? czy jest jakiś problem z tym pytaniem? – Yasir

+0

fajnie -2 kogokolwiek, dlaczego? – Yasir

+2

To błędne pytanie wskazuje na fundamentalne niezrozumienie tego, co reprezentują HTML5 i CSS3 i jak podejść do tworzenia stron internetowych we współczesnym świecie, przez co trudno odpowiedzieć w jakikolwiek rozsądny sposób. To nie jest framework, który sprawi, że twoja strona będzie kompatybilna, ale używają tylko funkcji, które działają we wszystkich przeglądarkach, w których twoja strona powinna działać, co czyni ją kompatybilną. Możesz użyć części specyfikacji HTML5, które istnieją niezmienione w HTML4, możesz użyć części CSS3, które istnieją niezmienione od CSS2, czy to sprawi, że będzie to strona HTML5 i CSS3? – robertc

Odpowiedz

13

Będziesz nigdy uzyskać silnik renderowania IE7 lub IE8, aby osiągnąć pełną zgodność z HTML5, CSS3 i innych nowoczesnych technologii. Po prostu nie są w stanie tego zrobić.

Istnieje jednak kilka hacków, narzędzi i wtyczek, które mogą ci przeszkodzić.

Narzędzia takie jak Modernizr pomogą Ci wykryć, które funkcje są obsługiwane, aby Twoja strona mogła je obejść.

jQuery to świetna biblioteka, ale jest szczególnie dobra w tym kontekście, ponieważ usuwa wiele różnic w przeglądarce z dala od programisty. Niektóre rzeczy są łatwe w większości przeglądarek, ale prawdziwy ból w IE; jQuery zajmuje dużo tego rodzaju rzeczy i ułatwia to niezależnie.

Dean Edwards' IE7.js i Selectivzr są bibliotekami JavaScript, które zapewniają obsługę IE dla wielu selektorów CSS, których brakowało w starszych wersjach. Dzięki temu możesz pisać arkusze stylów bez obawy o to, co obsługuje IE. (IE7.js rozwiązuje również szereg innych trzasków IE i brakuje dysponuje też)

CSS3Pie jest hack dla IE, która dodaje wsparcie dla CSS border-radius, gradienty i box-shadow.

W rzeczywistości istnieje cały szereg hacków, które mają na celu dodanie funkcji do starszych wersji IE, których brakuje. Strona Modernizr ma ich dużą listę tutaj: https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills

Jednak jest jedno wielkie zastrzeżenie do tego wszystkiego. Prędkość. IE < = 8 to powolna przeglądarka. Ma powolny silnik JavaScript. Praktycznie wszystkie te hacki są oparte na javascript. Możesz uciec z kilku z nich na dowolnej stronie, ale starając się wykorzystać ich dość, aby dać IE coś w rodzaju pełnej obsługi HTML5 i CSS3, spowolni przeglądarkę do tego stopnia, że ​​będzie bezużyteczna.

Jest jednak jeszcze jedno podejście do tego pytania i jest to wtyczka Google Frame do IE. To zasadniczo instaluje cały silnik przeglądarki Google Chrome w IE. Użytkownik nadal korzysta z powłoki IE, ale strona internetowa jest wyświetlana tak, jak w najnowszej wersji Chrome.

Brzmi świetnie, ale oczywiście nie jest idealny. Główną jej wadą jest to, że użytkownik końcowy musi zainstalować go ręcznie na swoim komputerze, co oznacza, że ​​ty, jako programista internetowy, nie masz żadnej realnej kontroli nad tym, czy tam jest, czy nie. Więc nie jest to coś, co możesz dodać do swojej witryny i oczekiwać, że wszystko będzie działać magicznie.

Wreszcie, może Cię również zainteresować CanIUse.com, który udostępnia tabele obsługi przeglądarek dla różnych funkcji, dzięki czemu możesz zobaczyć na pierwszy rzut oka, co jest i co nie jest obsługiwane w różnych wersjach każdej przeglądarki.

0

Modernizr jest biblioteką JavaScript o otwartym kodzie źródłowym, która pomaga budować nową generację stron HTML5 i CSS3.

MS jest włączenie go w szablonie ASP.net MVC projektów

+0

Dziękuję za odpowiedź, ale nie sądzę, że używając modernizatora mogę osiągnąć ten sam efekt lub styl we wszystkich przeglądarkach, jak nawet w IE8 .. jest to przykład autorstwa Faruk Ateş http://www.alistapart.com/daking -wysokość-z-html5-and-css3-with-modernizr/sample-advanced.html obraz nie obraca się, @ twarz czcionki nie działa ... – Yasir

+2

Nie ma srebrnej kuli, przepraszam, Modernizr pomoże – smallmouse

1

HTML 5 jest bardziej termin ogólny dla różnych technologii niż jednej rzeczy lub ramy. Naprawdę, każda implementacja, którą zrobisz, powinna się pogrążać z gracją - i to właśnie sprawia, że ​​przeglądarka jest kompatybilna. Wykryj, co obsługuje przeglądarka, a następnie korzystaj z alternatyw, które są przyjazne dla dziedzictwa.

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

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

Powodzenia.

0

html5boilerplate nie pomoże.

Jak już powiedzieli inni html5 i css3 są bardzo szerokimi pojęciami, nie ma ramy, która implementowałaby wszystkie funkcje zapewniane przez oba. W rzeczywistości nie są one jednakowo obsługiwane w przeglądarkach, które twierdzą, że je obsługują. Co więcej, nawet faceci W3C (którzy piszą specyfikacje dla html5 i css3) nie ustalili jeszcze, jakie funkcje będą obejmować, ani jakie kroki będą wymagane do ich wdrożenia. Masz pomysł ...

Ale ... jeśli zawęzisz wymagania do określonych funkcji, takich jak wideo, tagi dźwiękowe, obrazy na płótnie, efekty css, API plików lub inne, możesz znaleźć frameworki implementujące (lub spróbuj naśladować) za pomocą dostępnych technologii w sposób umożliwiający przeglądanie w różnych przeglądarkach (mniej więcej).

Powiązane problemy