Que sont les graphiques HTML?

Dans le langage HTML (HyperText Markup Language), il existe plusieurs façons d’afficher et de créer des graphiques dans un document HTML. Les types de graphiques HTML les plus utilisés sont les images placées directement dans la page HTML, appelées images en ligne, bien qu'il existe d'autres méthodes, telles que l'utilisation d'un langage de script ou d'une application Web compilée, qui peuvent être utilisées pour obtenir les mêmes résultats. Pour les graphiques générés dynamiquement pour les graphiques ou les graphiques, vous pouvez utiliser des graphiques vectoriels évolutifs (SVG). Certains graphiques HTML de base pris en charge par la spécification de langue ne nécessitent pas de fichiers externes tels que des lignes horizontales et des puces dans une liste. Des graphismes HTML plus complexes peuvent être obtenus grâce à l'utilisation d'un langage de script, de feuilles de style en cascade (CSS) et de l'élément de canevas HTML, offrant une option native pour certains effets qui n'étaient auparavant possibles que via des objets externes et des plug-ins.

Les graphiques HTML en ligne sont de loin le moyen le plus utilisé et le plus simple de placer une image dans un document HTML. Cela implique essentiellement la création d'une image dans un éditeur d'image, son enregistrement dans un format de fichier couramment utilisé, puis la spécification du nom et de l'emplacement du fichier image dans le document HTML à l'aide de la balise IMG. Outre la simplicité d'intégration d'un graphique en ligne dans un document, le moteur de rendu de la plupart des navigateurs Web peut facilement placer le graphique dans des présentations de page plus complexes sans aucun artefact de formatage. Une des complications pouvant survenir avec une image en ligne est que la taille de l’image doit éventuellement être redimensionnée pour s’adapter à des affichages exceptionnellement grands ou petits lors de la visualisation, ce qui pourrait réduire la qualité de l’image.

Les graphiques vectoriels évolutifs sont un style plus complexe de graphiques HTML. Une image SVG est dessinée en définissant des formes, des chemins et des épaisseurs de ligne. Elle est dessinée à la volée lorsque l'utilisateur visualise le document. Cela fait de SVG un bon choix pour l’affichage de données dynamiques telles que des graphiques ou des graphiques, mais rend très difficile leur utilisation pour d’autres types de graphiques, tels que la construction d’images photoréalistes. SVG peut être une option viable pour les graphiques HTML simples et dans les situations dans lesquelles un fichier image externe ne peut pas être chargé.

Avec le développement de la norme de langage HTML version 5 (HTML5), il est possible de créer des graphiques HTML dynamiques dans le langage HTML de base. Ceci est fait en dessinant directement sur une surface spéciale appelée toile dans un document HTML. En utilisant JavaScript® et CSS, cette méthode peut créer des animations ou des jeux pouvant répondre aux entrées de l'utilisateur ou ajuster les graphiques en fonction des paramètres du navigateur Web ou d'autres données. La création d'un graphique HTML5 peut toutefois être une procédure complexe pouvant entraîner de longs blocs de code de script pouvant s'exécuter très lentement sur certains ordinateurs ou appareils.

DANS D'AUTRES LANGUES

Cet article vous a‑t‑il été utile ? Merci pour les commentaires Merci pour les commentaires

Comment pouvons nous aider? Comment pouvons nous aider?