Accueil🇫🇷Chercher

Moteur de rendu HTML

Un moteur de rendu HTML est le composant logiciel de tous les navigateurs permettant d'afficher une page web : il transforme un document HTML, ainsi que toutes les autres ressources associées à la page, en une représentation visuelle interactive pour l'utilisateur. Il est de ce fait le cœur d'un navigateur web.

Fichier HTML très simple

Depuis le début d'Internet, de nombreux moteurs de rendu ont été utilisés. Néanmoins, avec la complexification des standards, nous assistons ponctuellement à une réduction du nombre de ceux-ci au profit de l'emploi d'un même moteur dans plusieurs navigateurs.

Par exemple, depuis 2018, le moteur dominant Blink, de Google est suivi par Gecko et Webkit. Progressivement, quelques navigateurs internet principaux, utilisant Trident ou Presto, les ont remplacés par Blink.

Champ d'application

Un moteur de rendu HTML n'est pas un logiciel à part entière, mais une pièce critique d'un autre logiciel, par exemple un navigateur web. Le mot moteur dérive d'une analogie avec la voiture.

Il sera question dans cet article de «moteur de rendu HTML», sans distinguer rendu et mise en page. En anglais, on distingue parfois le «moteur de mise en page» (layout engine)[1] - [2] et le «moteur de rendu» (rendering engine)[3] - [2], mais le plus souvent c'est du «moteur de navigateur» (browser engine) dont on parle, car les deux moteurs, distincts sur le plan théorique, sont en réalité difficiles à considérer individuellement.

Outre la mise en page, le moteur de rendu HTML doit connaître et appliquer les règles Content Security Policy entre les documents et établir la structure de données Document Object Model (DOM), qui sera sujette aux modifications via les langages de script. Ils gèrent aussi les hyperliens et les formulaires web.

L'exécution des programmes JavaScript est gérée par le moteur JavaScript dédié de chaque navigateur. Le langage JavaScript fut créé à l'origine pour être utilisé au sein des navigateurs, mais aujourd'hui, il est aussi utilisé hors des navigateurs. Dans un navigateur Web, les deux moteurs travaillent de concert via la structure de données DOM, partagée.

Les moteurs de rendus HTML peuvent être utilisées dans des logiciels qui ne sont pas des navigateurs (tout comme un moteur de voiture peut être réutilisé ailleurs). Par exemple, un client de messagerie électronique peut en utiliser un pour afficher un courriel en HTML. Le framework Electron, qui prend sa source dans le navigateur web Google Chrome, a été par exemple utilisé pour créer de nombreux logiciels.

Mise en page et rendu

La mise en page d'une page Web est généralement déclarée dans des feuilles de style en cascade (CSS). Chaque feuille de style est une série de règles que le moteur interprète. Par exemple, certaines règles disposent les détails typographiques de la page web, tels que la police de caractère (ou fonte), la couleur, la taille du texte. Le moteur combine toutes les règles CSS utiles pour calculer précisément les coordonnées graphiques afin d'obtenir une représentation conforme sur l'écran.

Certains moteurs de rendu commencent leur travail avant même que toutes les ressources de la page soient téléchargées. Cela peut alors entraîner des changements visuels au fur et à mesure que les données sont téléchargées : les images apparaissent peu à peu, parfois se produit un FOUC.

Liste des moteurs de rendu HTML

En 2022, les principaux moteurs encore utilisés sont au nombre de trois :

Voici une liste des moteurs de rendu HTML et des logiciels les utilisant ou les ayant utilisé.

Voir aussi

Références
  1. « Gecko », Mozilla (consulté le )
  2. « Introducing Goanna », M.C. Straver, (consulté le )
  3. « Behind the scenes of modern web browsers », Tali Garsiel (consulté le )
Cet article est issu de wikipedia. Text licence: CC BY-SA 4.0, Des conditions supplémentaires peuvent s’appliquer aux fichiers multimédias.