Interner Explorer 8 : compatibilité et nouvelles fonctionnalités

  • Article

L'objectif de cette page est de vous permettre de vous assurer, le plus simplement possible, que votre site Internet est compatible avec Internet Explorer 8. L'arrivée de cette nouvelle version de ce navigateur est aussi une formidable opportunité de proposer de nouveaux services aux internautes et ainsi d'accroitre la fréquentation de votre site.

 

Sommaire :

  • Garantir la compatibilité de vos sites en quelques clics
  • Faire du code propre
  • Tirer parti des innovations d'Internet Explorer 8

 

Assurez dès aujourd'hui la compatibilité de votre site web avec Internet Explorer 8

Internet Explorer intègre un mode de fonctionnement dit de « compatibilité » dans lequel le moteur de rendu d'Internet Explorer 7 est utilisé pour afficher les pages telles que ce dernier le faisait.

Chaque utilisateur a la possibilité d'activer ce mode à sa guise, onglet par onglet, depuis un bouton situé à droite de la barre d'adresse dans Internet Explorer 8.

Mode de compatibilité d'Internet Explorer 8
Quant aux développeurs web, ils ont la possibilité de forcer les navigateurs Internet Explorer 8 à utiliser le mode de compatibilité pour leur site. Pierre Lagarde vous explique cette manipulation très simple dans son dossier consacré à Internet Explorer 8.

Liens utiles :

 

Haut de page

Internet Explorer 8 : une occasion de faire un code exemplaire

IE 8 introduit un moteur de rendu plus respectueux des standards avec notamment l'implémentation complète des spécifications de la norme CSS 2.1. C'est donc une opportunité parfaite pour s'assurer que votre site est lui-même en phase avec les standards édités par les organismes indépendants. Voici une liste d'outils, de techniques et de conseils qui vous permettront de garantir tant la conformité de votre site web que le confort des internautes.

Mais au fait, à quoi sert un code propre ?

Les grands principes

Qu'il soit HTML, CSS, PHP ou écrit avec un langage ASP.NET, un code propre demeure la garantie d'une exécution rapide et sans surprise de vos pages web. C'est également la première étape vers le respect des normes d'accessibilité. Cela vous mettra en outre sur le chemin d'une meilleure indexation. Un code propre fait avant tout référence à une structuration claire qui permettra une maintenance plus rapide et plus aisée. Pour ce faire, n'hésitez-pas à utiliser des templates (modèles des pages).

Les bons outils

On reproche souvent aux outils de création web de générer un code lourd difficile à lire et à maintenir. En même temps, coder à la main n'est certainement pas la solution la plus productive. Microsoft vous propose donc à cet effet Expression Web, un outil qui a l'avantage de générer un code propre tout en vous permettant de passer de la vue HTML à la vue WYSIWYG (« What You See Is What You Get »). Il s'adapte ainsi à tous les profils, des néophytes aux développeurs chevronnés.

Les bonnes fonctionnalités

Certaines fonctionnalités d'Expression Web sont spécialement conçues pour vous aider à écrire du code propre. On retrouve ainsi :

  • L'auto- complétion, pour limiter les erreurs et gagner en rapidité
  • La coloration syntaxique (color coding), pour relire plus rapidement son code
  • Le sur-lignage du code, utile pour repérer les erreurs de syntaxe
  • Les « snippets » (morceaux de code), pour utiliser des bouts de code de la communauté

Exploiter les dynamic web templates

Avec les dynamic web templates (.dwt), vous n'aurez pas à répercuter manuellement de modification sur l'ensemble de vos pages, ce qui est toujours fastidieux : mettez à jour le modèle, vos modifications seront répercutées sur toutes les pages.

Utiliser IntelliSense

IntelliSense vous assiste dans la saisie du code en insérant automatiquement divers éléments tels que les balises de fin ou les accolades fermantes. Par exemple, si vous tapez <p>, la balise de fin </p> est automatiquement insérée. Cela vous permet de gagner du temps - vous tapez moins de texte - mais aussi de prévenir des erreurs de code.

Générer des rapports

Expression Web vous permet de générer des rapports de compatibilité, d'accessibilité ainsi que des rapports CSS pour isoler les pans de code inutile.

Liens utiles :

 

Haut de page

Profitez des nouvelles possibilités offertes par Internet Explorer 8

Parfaitement respectueux des standards du web, votre site est compatible avec Internet Explorer 8 mais vous ne voulez pas vous arrêter en si bon chemin. N'attendez plus pour tirer parti des nouveautés introduites par IE8 !

Les accélérateurs

Vous pouvez offrir à vos utilisateurs l'accès à vos web services via les accélérateurs. L'utilisateur peut ajouter des accélérateurs dans Internet Explorer 8 et les utiliser quand il navigue quelque soit l'endroit où il se trouve. L'utilisateur sélectionne un texte, une adresse postale dans une page par exemple, puis par un simple clic droit sélectionne un accélérateur pour un service web de cartographie pour voir la localisation. Les accélérateurs permettent une prévisualisation des résultats. Ainsi, l'utilisateur n'a pas à quitter la page qu'il est en train de lire.
Configurer un service web en tant qu'accélérateur est une tâche facile qui nécessite un fichier XML de manifest sur votre serveur. Il existe des méthodes de scripting pour ajouter un accélérateur à IE depuis votre site. Par ailleurs, vous pouvez publier votre accélérateur sur la galerie des add-ons pour Internet Explorer.

Pour plus d'informations sur les accélérateurs, consultez cette introduction aux accelerators.

L'utilisation d'un accelerator sous Internet Explorer 8

Les Web Slices

Similairement à un flux RSS, vous pouvez exposer sous forme de web slice une partie de vos pages web contenant des informations susceptibles d'être mises à jour fréquemment. Les utilisateurs s'abonnent à un web slice et peuvent ainsi surveiller les changements sans avoir à naviguer vers la page d'origine. Comme pour les accélérateurs, Microsoft a mis au point une galerie où vous pouvez promouvoir vos web slices. Les scénarii les plus probants incluent les sites d'informations, les réseaux sociaux, les conditions météorologiques ou encore le suivi des places boursières.

Pour plus d'informations sur les web slices, consultez cette introduction aux Web Slices.

L'extension du moteur de recherche : Visual Search et Search Suggestion

La zone de recherche dans Internet Explorer 8 offre une expérience beaucoup plus riche que la plupart des navigateurs du marché. À mesure qu'une personne tape des mots-clés dans la barre de recherche, il peut voir, en temps réel, des suggestions, potentiellement accompagnées d'images (vignettes), qui peuvent être classées. Par exemple, un site d'e-commerce peut fournir des images de produits pour aider l'internaute à trouver le produit qu'il recherche. La zone de recherche d'Internet Explorer est extensible. Les sites populaires tels que Wikipédia, Amazon, le New York Times et Live Search utilisent ces nouvelles fonctionnalités de recherche.

Pour plus d'informations sur Visual Search, consultez cette introduction à Visual Search.

L'utilisation de Visual Search sous Internet Explorer 8

Liens utiles :

 

Pour aller plus loin :

 

Haut de page