interface Web
Tutoriel H5
Explication détaillée des solutions de compatibilité du navigateur HTML5
Explication détaillée des solutions de compatibilité du navigateur HTML5
Actuellement, la plupart des navigateurs prennent en charge HTML5. Cependant, certains navigateurs de versions inférieures rencontrent des problèmes avec la prise en charge de HTML5.
Les navigateurs de version basse prennent en charge HTML5
tous les navigateurs, et les éléments non reconnus seront automatiquement traités comme des éléments en ligne. Par conséquent, vous pouvez utiliser la méthode suivante pour apprendre au navigateur à gérer les éléments HTML « inconnus ».
Définit les éléments HTML5 comme éléments de bloc
HTML5 définit 8 nouveaux éléments sémantiques HTML. Tous ces éléments sont des éléments de niveau bloc.
Afin de permettre aux anciennes versions des navigateurs d'afficher correctement ces éléments, vous pouvez définir l'attribut CSS display sur le bloc valeur :
header, section, footer, aside, nav, main, article, figure { display: block;
}en HTML Ajouter un nouvel élément
L'exemple suivant ajoute un nouvel élément au HTML et définit un style pour l'élément. Le nom de l'élément est <myElement> :
<!DOCTYPE html><html><head><meta charset="utf-8">
<title>为 HTML 添加新元素</title>
<script>document.createElement("myElement")</script>
<style>
myElement{
display: block;
background-color: #ddd;
padding: 50px;
font-size: 30px;
}
</style>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
<myElement>我的第一个新元素</myElement>
</body>
</html>document.createElement(. "myElement" ) consiste à ajouter de nouveaux éléments au navigateur IE.
Problèmes du navigateur Internet Explorer
Vous pouvez utiliser la méthode ci-dessus pour ajouter de nouveaux éléments au navigateur, mais IE8 et versions antérieures ne peuvent pas prendre en charge cette méthode.
Nous pouvons utiliser « HTML5 Enabling JavaScript », « shiv » créé par Sjoerd Visscher pour résoudre ce problème :
<!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->
ou
<!--[if lt IE 9]> <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script> <![endif]-->
ci-dessus La fonction du code est de lire le fichier html5.js et de l'analyser lorsque la version du navigateur IE est inférieure à IE9. La première est la ressource nationale de Google et la seconde est la ressource nationale de Baidu.
Pour navigateur IEhtml5shiv est une meilleure solution. html5shiv résout principalement le problème selon lequel les nouveaux éléments proposés par HTML5 ne sont pas reconnus par IE6-8. Ces nouveaux éléments ne peuvent pas être utilisés comme nœuds parents pour envelopper des éléments enfants et les styles CSS ne peuvent pas être appliqués.
Ce qui suit est un exemple d'utilisation de la solution html5shiv :
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>渲染 HTML5</title> <!--[if lt IE 9]> <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"> </script> <![endif]--></head><body><h1>我的第一个HTML5页面</h1> <article>Hello，world！</article> </body> </html>
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Comment personnaliser le symbole de redimensionnement via CSS et le rendre uniforme avec la couleur d'arrière-plan?
Apr 05, 2025 pm 02:30 PM
La méthode de personnalisation des symboles de redimension dans CSS est unifiée avec des couleurs d'arrière-plan. Dans le développement quotidien, nous rencontrons souvent des situations où nous devons personnaliser les détails de l'interface utilisateur, tels que l'ajustement ...
Pourquoi les feuilles de style personnalisées peuvent-elles prendre effet sur les pages Web locales de Safari mais pas sur les pages Baidu?
Apr 05, 2025 pm 05:15 PM
Discussion sur l'utilisation de styles de style personnalisés dans Safari aujourd'hui, nous allons discuter d'une question sur l'application de feuilles de style personnalisées pour le navigateur Safari. Novice frontal ...
À quoi se réfère H5? Explorer le contexte
Apr 12, 2025 am 12:03 AM
H5Referstohtml5, apivotaltechnologyInwebdevelopment.1) html5introducesnewelementsandapisforrich, dynamicwebapplications.2) itsupp OrtsMultimeDiaHithoutPlugins, améliorant la réception detièmeaCrOsDevices.3) SemantelelementsImproveContentsTructureAndSeo.4) H5'sRespo
Comment afficher correctement le 'Jingnan Mai Round Body' installé localement sur la page Web?
Apr 05, 2025 pm 10:33 PM
En utilisant récemment des fichiers de police installés localement dans les pages Web, j'ai téléchargé une police gratuite à partir d'Internet et je l'ai installée avec succès dans mon système. Maintenant...
Comment contrôler le haut et la fin des pages dans les paramètres d'impression du navigateur via JavaScript ou CSS?
Apr 05, 2025 pm 10:39 PM
Comment utiliser JavaScript ou CSS pour contrôler le haut et la fin de la page dans les paramètres d'impression du navigateur. Dans les paramètres d'impression du navigateur, il existe une option pour contrôler si l'écran est ...
Comment utiliser des fichiers de police installés localement sur les pages Web?
Apr 05, 2025 pm 10:57 PM
Comment utiliser des fichiers de police installés localement sur les pages Web avez-vous rencontré cette situation dans le développement de pages Web: vous avez installé une police sur votre ordinateur ...
Pourquoi les marges négatives ne prennent-elles pas effet dans certains cas? Comment résoudre ce problème?
Apr 05, 2025 pm 10:18 PM
Pourquoi les marges négatives ne prennent-elles pas effet dans certains cas? Pendant la programmation, les marges négatives dans CSS (négatif ...
H5 est-il le même que HTML5?
Apr 08, 2025 am 12:16 AM
"H5" et "HTML5" sont les mêmes dans la plupart des cas, mais ils peuvent avoir des significations différentes dans certains scénarios spécifiques. 1. "Html5" est une norme définie par W3C qui contient de nouvelles balises et API. 2. "H5" est généralement l'abréviation de HTML5, mais dans le développement mobile, il peut se référer à un cadre basé sur HTML5. Comprendre ces différences aide à utiliser ces termes avec précision dans votre projet.
