Was tun, wenn HTML5 nicht mit dem IE kompatibel ist?

HTML5 IE-Inkompatibilitätslösung: 1. Verwenden Sie den JavaScript-Code „while (i--){document.createElement(e[i])}“, um das Kompatibilitätsproblem zu lösen. 2. Verwenden Sie das html5shiv-Paket von Google, um das Problem zu lösen, das der IE darstellt nicht kompatibel mit HTML5. Markieren Sie es einfach.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, HTML5-Version, DELL G3-Computer

Was soll ich tun, wenn IE nicht mit HTML5 kompatibel ist?

Der perfekte Weg, um die Inkompatibilität von IE (IE6/IE7/IE8) mit HTML5-Tags zu lösen.

Die semantischen Tags und Attribute von HTML5 können es Entwicklern sehr bequem machen, ein klares Webseitenlayout sowie CSS3-Effekt-Rendering zu erreichen macht es sehr einfach, schnell umfangreiche und flexible Webseiten zu erstellen. Die neuen Tag-Elemente von

definiert den Kopf der Seite oder des Abschnitts;
Definieren Sie den Navigationsbereich der Seite oder des Abschnitts.
Der logische Bereich oder die Inhaltskombination der Seite
Definieren Sie ergänzende oder verwandte Inhalte.
　　
Ihre Verwendung kann die Codesemantik intuitiver machen und die SEO-Optimierung erleichtern. Dieses neue HTML5-Tag wird jedoch in IE6/IE7/IE8 nicht erkannt und erfordert eine JavaScript-Verarbeitung. Hier sind einige Möglichkeiten.
Methode 1: JavaScript codieren
<!--[if lt IE9]> 
<script> 
   (function() {
     if (! 
     /*@cc_on!@*/
     0) return;
     var e = "abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video".split(&#39;, &#39;);
     var i= e.length;
     while (i--){
         document.createElement(e[i])
     } 
})() 
</script>
<![endif]-->
Wenn es sich um einen IE-Browser unter IE9 handelt, wird ein HTML5-Tag erstellt, sodass Nicht-IE-Browser diesen Code ignorieren und es keine unnötigen http-Anfragen gibt.
Zweite Methode: Verwenden Sie das html5shiv-Paket von Google (empfohlen)

<!--[if lt IE9]> 
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

Aber egal welche der oben genannten Methoden verwendet wird, muss das CSS des neuen Tags initialisiert werden. Denn HTML5 verhält sich standardmäßig wie ein Inline-Element Um diese Elemente anzuordnen, müssen wir CSS verwenden, um sie für ein einfaches Layout manuell in Blockelemente umzuwandeln. Wie sollen wir das Problem lösen?

Wir können dem Ansatz von Facebook folgen, der darin besteht, Benutzer zum Aufrufen der Seite

“/?_fb_noscript=1“

mit dem Noscript-Logo zu führen und das HTML5-Tag durch das HTML4-Tag zu ersetzen, was besser ist als um die Kompatibilität aufrechtzuerhalten. Es ist einfacher, viele Hacks zu schreiben.

/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

Dies kann den Benutzer dazu führen, das Skript zu öffnen oder direkt zur HTML4-Tag-Designoberfläche zu springen.

Empfohlenes Lernen: „

HTML5-Video-Tutorial

“

Das obige ist der detaillierte Inhalt vonWas tun, wenn HTML5 nicht mit dem IE kompatibel ist?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!