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

1aa9e5d373740b65a0cc8f0a02150c53 definiert den Kopf der Seite oder des Abschnitts;
c787b9a589a3ece771e842a6176cf8e9 Definieren Sie den Navigationsbereich der Seite oder des Abschnitts.
Der logische Bereich oder die Inhaltskombination der Seite
• 15221ee8cba27fc1d7a26c47a001eb9b 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)

175036b059c08cfe0e939537257b7055 
9cf7fc12b64b9e15221a83d1b7b302422cacc6d41bbb37262a98f745aa00fbf0
1b771f47d72d900ba74308aee59557f0

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!