Was ist der Unterschied zwischen Modernizr und Html5Shiv?

12

Ich spielte mit der Idee, zu HTML5 zu wechseln. Es scheint, dass es zwei wichtige Skripte für die Unterstützung von HTML5 in älteren Browsern gibt.

Modernizr und Html5Shiv

Ich habe mich gefragt, ob sie dasselbe tun. Welches wählen und warum?

Irgendwelche Ideen?

Sinan
quelle

Antworten:

8

Modernizr wird verwendet, um die Verfügbarkeit von HTML5-Funktionen in verschiedenen Rendering-Engines zu überprüfen. Es enthält ein Skript wie Html5Shiv, das (nur) HTML5-Tags in Microsoft Internet Explorer (vor Version 9, die HTML5 kannte) aktiviert. Siehe auch "So bringen Sie HTML5 in IE und Firefox 2 zum Laufen" .

Wenn Sie nur HTML5 für IE <9 aktivieren möchten, ist Html5Shiv ausreichend. Ich verwende die Html5Shiv-Version von Remy Sharp in einem MS-bedingten Kommentar:

<!--[if lte IE 8]>
    <script src="templates/js/html5.js"></script>
<![endif]-->

Wenn Sie auch prüfen möchten (über CSS oder JS), ob der Client-Browser z. B. HTML5-Formularelemente (wie Opern-Datumseingabe), CSS3-Spalten oder Farbverläufe unterstützt, verwenden Sie Modernizr .

Feeela
quelle
2

Vielleicht möchten Sie auch html5boilerplate.com besuchen , eine gute Quelle für den Einstieg in html5-Sites, die zusammen mit vielen anderen grundlegenden Verbesserungen umschaltbare Optionen wie html5 shiv oder modernizr bieten.

Kzqai
quelle
ja html5boilerplate ist gut. Es hat die Wahl zwischen modernizr oder html5shiv. Aber welches soll man mit einbeziehen?
Sinan
fair genug, ich denke, HTML5 ist, was die Frage ausgelöst hat?
Kzqai
1

Ich weiß, dass dies schon eine Weile her ist, aber ich sollte hinzufügen, dass modernizr nicht für über AJAX geladene Polyfill-HTML5-Elemente angezeigt wird, sondern nur für Inhalte, die beim ersten Laden der Seite vorhanden waren. Html5Shiv funktioniert mit Inhalten, die über AJAX geladen wurden, aber es ist auch nur ein kleiner Teil der Funktionen von modernizr. In der Web-App, an der ich arbeite, verwenden wir beide.

Taktsynchron
quelle