Vidéo: Comment créer votre premier site responsive - HTML5 & CSS3 - Tutoriel français 2018 2025
Lorsque vous planifiez un nouveau design Web, souvenez-vous que de nombreuses versions différentes de HTML sont maintenant utilisées sur le Web. Toutes les versions les plus récentes fonctionnent sur iOS (le système d'exploitation d'Apple sur iPhone et iPad), vous devez donc décider lequel utiliser.
Beaucoup de gens plongent dans le HTML5 parce qu'ils pensent que l'avantage de toutes les nouvelles fonctionnalités est trop bon à attendre et ils croient que le W3C a raison de faire du HTML5 le prochain standard.
Si vous êtes préoccupé par quiconque visite votre site à l'aide d'un navigateur Web plus ancien, tel qu'Internet Explorer 7 ou 8, gardez ce point à l'esprit: Les anciens navigateurs n'affichent pas les nouvelles fonctionnalités de HTML5 ou les nouveaux styles dans CSS 3. En règle générale, si un navigateur ne comprend pas un nouveau tag, il l'ignore, donc si vous concevez bien vos pages, vous pouvez créer des designs qui dégradent avec élégance..
Par exemple, si vous utilisez les nouvelles fonctionnalités d'ombre portée du texte dans CSS 3, vous voyez des ombres portées autour de votre texte dans le navigateur Safari sur un iPad mais aucune ombre portée dans IE7 sur un ordinateur Windows. Tant que le texte est encore lisible dans IE7, il vaut la peine d'ajouter les améliorations, telles que les ombres portées au texte, apportées par CSS 3 aux navigateurs plus récents.
De même, la plupart des designs qui fonctionnent bien sur Apple iOS sur un iPhone ou un iPad sont également beaux sur les téléphones et les tablettes fonctionnant sous le système d'exploitation Google Android, car les navigateurs de la plupart des appareils Android HTML5 et CSS 3 caractéristiques.
