Heim > Web-Frontend > H5-Tutorial > So stellen Sie sicher, dass der IE HTML5_html5-Tutorial-Fähigkeiten unterstützt

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

WBOY
Freigeben: 2016-05-16 15:51:18
Original
1384 Leute haben es durchsucht

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:

Style de base des nouvelles balises structurelles

Bonjour

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
}

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage