HTML5—浏览器支持问题-Tutoriel H5-php.cn

HTML5—浏览器支持问题

黄舟

Libérer： 2017-02-27 16:03:11

original

1521 Les gens l'ont consulté

最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。

为了能让旧版本的浏览器正确显示这些元素，可以设置 CSS 的 display 属性值为 block:

header, section, footer, aside, nav, main, article, figure {
    display: block; 
}

Copier après la connexion

对于ie浏览器，为了能让ie9以下的浏览器兼容html5元素，可以使用shiv解决方案：

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

Copier après la connexion

或者直接引入本地js文件

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

Copier après la connexion

html5shiv.js 引用代码必须放在元素中，因为 IE 浏览器在解析 HTML5 新元素时需要先加载该文件。

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

Copier après la connexion

以上就是HTML5—浏览器支持问题的内容，更多相关内容请关注PHP中文网（www.php.cn）！

Php8, je viens aussi

Apprenez la mise en page d'un site Web en 30 minutes

Tutoriel vidéo Shangguan Oracle débutant à compétent

Votre première ligne de code UNI-APP

Flutter de zéro au lancement de l'application

Brother Lian Nouveau didacticiel vidéo Linux

Tutoriel vidéo AXURE 9 (convient à l'interface utilisateur interactive de conception de produits du chef de produit)

Tutoriel vidéo PS Zero Basic Proficiency

Tutoriel vidéo de 16 jours sur l'interface utilisateur pour vous aider à démarrer

Tutoriel vidéo sur les techniques PS et les techniques de découpage

Tutoriel vidéo sur la construction et le lancement de projets d'Alibaba Cloud Environment

Présentation des réseaux informatiques - Connaissances de base que les programmeurs doivent maîtriser

Tutoriel essentiel pour les programmeurs - Explication du protocole HTTP

Tutoriel vidéo Websocket

HTML5—浏览器支持问题