Langages supportés par les navigateurs Internet

Comme nous venons de le voir, c’est lorsqu’une page Web est affichée sur un écran au travers d’un navigateur Web (Navigateur : Internet Explorer Internet Explorer, Navigateur : Fierfox Firefox, Navigateur : Opera Opéra, Navigateur : Safari Safari, Navigateur : Google Chrome Google Chrome, etc.) que la page Internet se met en forme, sinon elle n’est avant tout que ligne(s) de code(s) (langage de programmation) et du texte.

Rappel : Notre page Web peut être créée par avance avant d’être affichée (page statique) ou être créer à la demande par le serveur Web lorsque l’on veut l’afficher (page dynamique). Les techniques et langages utilisés pour créer une page Web peuvent donc être différents.
Exemple : pour une page web dynamique (le serveur Web créait dynamiquement la page Web lorsqu’on la demande) on peut utiliser le langage PHP, alors que pour une page Web statique (le serveur n’a pas besoin de créer la page Web lors de sa demande, mais simplement de la transmettre, le serveur reste statique), le langage HTML peut parfois suffir.

Les langages par défaut compris par tous les navigateurs

Une fois la page web créée (qu’elle est été créée dynamiquement ou pas), les langages utilisés (de mise en forme et de réactivités recherchés) pour que la page Web puisse être affichée sur un écran au travers d’un navigateur web ne sont pas très nombreux. On ne dispose que de quelques langages communs à tous les navigateurs par défaut.

Par défaut les navigateurs Web comprennent seulement les 3 langages suivant :

  • Le langage HTML
  • Le langage CSS
  • Le langage JavaScript
Langage HTML, langage CSS, langage JavaScript
Langage HTML, langage CSS, langage JavaScript

Les navigateurs Web peuvent comprendre (interpréter) d’autres langages de bases (par l’ajout ou pas d’extensions) mais son capable au minimum d’interpréter ces 3 types de langage de base.

Exemple : Ajout du plug-in Flash (Flash Player) pour que les navigateurs puissent interpréter (comprendre) le langage « Action Script ».

L’évolution des langages et la mise à jour des navigateurs

Bien que tous les navigateurs Web soient sensés comprendre ces trois langages à la base, ces langages évoluent au court du temps. Exemple : en 2014 le langage HTML est passé à la norme 5 (rmq : on a donc parlé de HTML 5), le langage CSS quant à lui est passé à la norme 3 (rmq : on a donc parlé de CSS 3). L’évolution de ses langages entraine donc le fait que les navigateurs doivent être capable de comprendre ses évolutions de langage, exemple : avant 2014 et donc le HTML 5 il n’existait pas dans le langage HTML la balise Header (<header>) ni la balise Footer (<footer>).

Pour comprendre les nouvelles évolutions de langages de programmation, il faut donc que les navigateurs soient mis à jour.

Navigateurs Internet - Web browsers
Navigateurs InternetWeb browsers

Tous les navigateurs ne se mettent pas à jour, ou s’il se mettent à jour ne le font pas automatiquement et donc ne sont capable de comprendre les nouvelles évolutions.

Exemple : le vieux navigateur Internet Explorer (avant Edge de Windows 10), ne se mettait pas à jour automatiquement et on ne pouvait plus évoluer de version quand Microsoft l’avait décidé. Ainsi si des ordinateurs sont sous de vieux Windows (avant Windows 10), ils ne peuvent pas visualiser des page Web récentes à travers leur navigateur Internet Explorer car il n’a pas évolué. Par chance ce n’est pas le cas d’autre navigateurs Web comme Firefox, Google Chrome, … qui eux peu importe la version de notre OS (Système d’exploitationversion de Windows, …) se mettent à jour (dans la mesure du possible de la technologie de l’ordinateur) mais là encore il faut rester prudent car parfois leur mise à jour n’est pas automatique et si elle n’est pas déclencher par l’utilisateur le navigateur peut rester actualisé sur une vielle version.

Les langages de programmation Web et leur rôle

Les 3 langages de bases (par défaut) compris par tous les navigateurs on des rôles et possibilités différentes. En résumé, le langage HTML sert essentiellement à structurer la page (création des balises, du squelette de la page Web), le langage CSS à positionner et mettre en forme les éléments (colorisation, design), le langage JavaScript à pouvoir par exemple créer du dynamisme sur la page (interactivité, animation d’éléments, AJAX, … exemple : vérifier que tous les champs d’un formulaire soient saisis avant l’envoi).

On retrouve beaucoup plus d’informations sur le lien ci-dessous.

Circuit d’une page Internet de l’ordinateur / Serveur Web au Navigateur

Circuit d'une page Internet
Circuit d’une page Internet depuis le Serveur Web / Ordinateur jusqu’à l’affichage sur un écran au travers d’un navigateur Internet
Formation création de site Web
Apprendre à créer son site Web avec Wordpress
Apprendre à créer son site Web avec Wordpress
Infos et inscription : Formation Wordpress
Formation au langage HTML 5
Apprendre le langage HTML ou XHTML
Apprendre le langage HTML ou XHTML
Infos et inscription : Formation HTML 5
Formation au langage CSS 3
Apprendre à créer des styles CSS
Apprendre à créer des styles CSS
Infos et inscription : Formation CSS 3
Formation au langage Java
Apprendre à créer des styles CSS
Apprendre à créer des styles CSS
Infos et inscription : Formation JAVA
Formation au langage SQL
Apprenez à créer - manipuler - mettre à jour une base de données MySQL
Apprenez à créer - manipuler - mettre à jour une base de données MySQL
Infos et inscription : Formation SQL