Heim > Web-Frontend > H5-Tutorial > HTML5 – Probleme mit der Browserunterstützung

HTML5 – Probleme mit der Browserunterstützung

黄舟
Freigeben: 2017-02-27 16:03:11
Original
1595 Leute haben es durchsucht

Neueste Versionen von Safari, Chrome, Firefox und Opera unterstützen einige HTML5-Funktionen. Internet Explorer 9 unterstützt bestimmte HTML5-Funktionen.

Damit ältere Versionen von Browsern diese Elemente korrekt anzeigen können, können Sie den CSS-Attributwert display auf setzen blockieren:


header, section, footer, aside, nav, main, article, figure {
    display: block; 
}
Nach dem Login kopieren


Für ie-Browser, um Browser unter ie9 kompatibel zu machen Für HTML5-Elemente können Sie die Shiv-Lösung verwenden:

<!--[if lt IE 9]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
Nach dem Login kopieren

oder direkt die lokale js-Datei

<!--[if lt IE 9]>
  <script src="html5shiv.min.js"></script>
<![endif]-->
Nach dem Login kopieren


html5shiv einführen. js-Referenzcode Es muss im -Element platziert werden, da der IE-Browser diese Datei beim Parsen neuer HTML5-Elemente zuerst laden muss.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>渲染 HTML5</title>
  <!--[if lt IE 9]>
  <script src="html5shiv.min.js"></script>
  <![endif]-->
</head>
Nach dem Login kopieren


Das Obige ist der Inhalt von HTML5-Browser-Unterstützungsproblemen, bitte achten Sie auf weitere Verwandte Inhalte PHP chinesische Website (www.php.cn)!



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 Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage