Codes HTML dans les versions Safari. Firefox
La différence dans la façon dont les navigateurs rendent le langage de programmation Web appelé HTML a longtemps été un fléau pour les développeurs Web et les amateurs. Si vous êtes un designer professionnel, vous devez connaître les codes que Firefox pourrait prendre en charge et ceux utilisés par Safari pour garantir aux visiteurs une expérience uniforme et fonctionnelle, quel que soit leur navigateur. Heureusement, les deux navigateurs prennent en charge la plupart des codes modernes et vous pouvez prendre des mesures pour promouvoir la compatibilité entre navigateurs dans vos conceptions.
Moteurs de rendu
Firefox et Safari utilisent des moteurs de rendu différents, ce qui entraîne une différence dans l'affichage de votre page Web. Firefox utilise Gecko de Mozilla, qui alimente également Thunderbird et SeaMonkey. En revanche, Safari fait partie des navigateurs utilisant Webkit, un moteur de rendu initialement basé sur les bibliothèques KHTML et KJS de KDE. Chrome est un autre navigateur qui utilise Webkit. Par conséquent, les deux navigateurs produisent souvent des résultats similaires, différents de ceux de Firefox.
Différences de support HTML5
Alors que Firefox et Safari ont pris des années à supporter HTML 4.01, la spécification HTML5 n’est pas tout à fait universelle. Firefox affiche certaines balises avec lesquelles Safari n'est pas encore compatible, et l'inverse est également vrai. Par exemple, Firefox prend en charge la détection audio PCM et l'orientation de périphérique, contrairement à Safari. D'autre part, Safari affiche les sous-titres avec un contenu multimédia et vous permet de spécifier des champs de formulaire sous forme de nombres, de plages ou de générateurs de clés, alors que Firefox est à la traîne dans cet aspect.
Importance
Si vous utilisez des fichiers audio PCM dans vos pages Web, il est possible que les visiteurs de Safari ne puissent pas accéder à vos données audio. De même, vous pouvez utiliser la fonction HTML5 pour créer des applications Web dans la version de bureau de Firefox qui permettent au navigateur de détecter l'orientation du périphérique et de modifier également l'orientation des applications. Safari inclut ce support d'orientation dans sa version mobile. En outre, vous pouvez mieux contrôler les caractères qu'une fiche autoriserait dans Safari. Néanmoins, la différence de prise en charge HTML5 signifie rarement que vos sites Web seront complètement différents ou totalement inutilisables dans les deux navigateurs.
Considérations
La plupart des incohérences que vous pouvez rencontrer lors du codage disparaissent lorsque vous spécifiez un type de document au début de votre document HTML. Cela indique au navigateur comment rendre le code HTML en fonction du type utilisé (XHTML, HTML 5 ou HTML avec des cadres, par exemple). Ajouter le type de document, comme pour HTML 5, avant de coder votre page entière peut éviter une partie de la frustration que vous rencontrez lorsque vous n'utilisez pas un type de document.