So stellen Sie sicher, dass der IE HTML5_html5-Tutorial-Fähigkeiten unterstützt

Immer mehr Websites beginnen, HTML5-Tags zu verwenden, aber die aktuelle Situation ist, dass viele Leute immer noch IE6, IE7 und IE8 verwenden. Um allen Browsern den normalen Zugriff zu ermöglichen, gibt es zwei Lösungen:

1. Erstellen Sie mehrere Vorlagensätze für die Website und verwenden Sie das Programm, um den Benutzeragenten so zu beurteilen, dass er unterschiedliche Inhalte für verschiedene Browser anzeigt Benutzer. Seite, zum Beispiel: Youku.com.

2. Verwenden Sie Javascript, um Browsern, die HTML5 nicht unterstützen, die Unterstützung von HTML-Tags zu ermöglichen.

Eine bessere Lösung für IE ist html5shiv. htnl5shiv löst hauptsächlich das Problem, dass die von HTML5 vorgeschlagenen neuen Elemente von IE6-8 nicht erkannt werden. Diese neuen Elemente können nicht als übergeordnete Knoten zum Umschließen untergeordneter Elemente verwendet werden und CSS-Stile können nicht angewendet werden. Um einen CSS-Stil auf ein unbekanntes Element anzuwenden, führen Sie einfach document.createElement(elementName) aus. html5shiv wurde nach diesem Prinzip erstellt.

Die Verwendung von html5shiv ist sehr einfach. Da IE9 HTML5 unterstützt, müssen Sie nur den folgenden Code zum Seitenkopf hinzufügen:

Kopieren Sie den Code

Der Code lautet wie folgt:

Bonjour

Menu

Section

article 1

article 2

Le pied de page

Astuce : Vous pouvez modifier une partie du code avant d'exécuter

Copier le code

Le code est le suivant :

Pour disposer ces éléments, nous devons utiliser CSS pour les convertir manuellement en éléments de bloc, comme dans l'exemple suivant :

Copier le code

Le code est le suivant :

en-tête, pied de page, navigation, section, article {

display:block

}