Adapter votre page pour les différents navigateurs
Objectifs
À la fin de cette vidéo, vous serez capable de :
- Comprendre les limitations des navigateurs avec HTML5
- Utiliser des feuilles de style et du JavaScript pour une compatibilité accrue
- Optimiser les pages pour les navigateurs anciens et modernes
Résumé
Apprenez à rendre une page HTML5 compatible avec tous les navigateurs, y compris les versions antérieures d'Internet Explorer.
Description
Dans cette leçon, vous découvrirez comment adapter une structure de page HTML5 pour qu'elle soit compatible avec tous les navigateurs modernes ainsi qu'avec les versions antérieures d'Internet Explorer.
Nous commencerons par explorer les différences de support des balises HTML5 entre les navigateurs comme Firefox, Chrome, Safari, et Opera par rapport à Internet Explorer.
Nous verrons ensuite comment utiliser la propriété DisplayBlock en CSS pour ces balises, et comment ajouter un script JavaScript pour que même Internet Explorer (jusqu'à la version 9) reconnaisse ces balises.
Cette leçon vous fournira également un script externe pour automatiser le processus, et expliquera comment optimiser la compatibilité des pages avec les smartphones grâce à des balises meta appropriées.
Enfin, nous ajouterons un script pour informer les utilisateurs de versions très anciennes d'Internet Explorer de mettre à jour leur navigateur.