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
Odpowiedz
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.
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
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
Nie ma srebrnej kuli, przepraszam, Modernizr pomoże – smallmouse
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.
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).
- 1. Object.watch() dla wszystkich przeglądarek?
- 2. window.href dla wszystkich przeglądarek
- 3. Jak ustawić kolor dla elementu postępu CSS3 html5?
- 4. Jak utworzyć div z nieregularnymi kształtami z css3 i html5?
- 5. Używanie lesscss i przeglądarek dla Firefoksa
- 6. Promień obramowania dla wszystkich przeglądarek?
- 7. Przeciąganie i ustawianie w przeglądarce dla wielu przeglądarek
- 8. Bezklasowy framework HTML5/CSS3
- 9. Jak działa jQuery.expr [':'] i gdzie jest dokumentowany dla jQuery1.8.x i późniejszych?
- 10. Modernizacja, html5shiv, ie7.js i CSS3 Pie. Które użyć i kiedy?
- 11. Jak obsługiwać zarówno HTML4, jak i HTML5?
- 12. CSS3: Jak obracać i skalować obraz w tym samym czasie?
- 13. Jak stworzyć niestandardową stronę aspx w Umbraco?
- 14. Automatyczna szerokość obrazu w CSS dla wszystkich przeglądarek?
- 15. Cień skrzynek w IE7 i IE8
- 16. Alternatywna dla wielu przeglądarek alternatywa dla Canvas2Image lub HTML5?
- 17. (Javascript) Lista wartości "navigator.appName" dla wszystkich przeglądarek?
- 18. JavaScript jak np. $ (Document) .ready() dla "nowoczesnych przeglądarek HTML5"
- 19. Tabela kompatybilności i obsługi przeglądarek dla metod/właściwości skryptów JavaScript
- 20. IE9 rzuca moją stronę w trybie dokumentu IE7 i <! DOCTYPE html> zostanie wykomentowane
- 21. pushState() i popState(): manipulowanie historią przeglądarek
- 22. Obsługa historii Angularów dla IE6 i IE7
- 23. Node.TEXT_NODE i IE7
- 24. Jak skutecznie zniszczyć MediaElementPlayer i stworzyć nową
- 25. Skopiuj do schowka dla wszystkich przeglądarek korzystających z javascript
- 26. Najlepszy scenariusz zastępczy polyfil dla IE7, IE8 i IE9
- 27. Dlaczego nie ma powszechnego standardu kodeka wideo HTML5 dla wszystkich przeglądarek?
- 28. IE8 analizuje tę prostą regex odmienny od wszystkich innych przeglądarek
- 29. HTML5 + CSS3 Framework jak BluePrint/960gs?
- 30. jak stworzyć ten kształt z tylko DIV i CSS
dlaczego -1? czy jest jakiś problem z tym pytaniem? – Yasir
fajnie -2 kogokolwiek, dlaczego? – Yasir
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