La syntaxe
##########

Rappel minute :

* les programmes informatiques sont constitués de **caractères**
* les caractères sont regroupés en **jetons** lors de **l'analyse lexicale**
* l'ordre correct des jetons est vérifié lors de **l'analyse syntaxique**

Les erreurs lexicales
*********************

Lorsqu'un jeton est mal constitué, par exemple ``dvi`` au lieu de ``div`` en HTML.

C'est un peu l'équivalent d'une faute d'orthographe : un mot est mal formé.

exemple
=======

Analyse lexicale réussie : tous les jetons sont bien formés :
-------------------------------------------------------------

.. image:: images/syntaxe-01.svg

.. image:: images/syntaxe-02.svg

Échec de l'analyse lexicale un des jetons est mal formé
-------------------------------------------------------

.. image:: images/syntaxe-03.svg

.. image:: images/syntaxe-04.svg

Les erreurs syntaxiques
***********************

Lorsqu'un ensemble de jetons est mal composé, par exemple ``>div>`` au lieu de ``<div>``.

C'est un peu l'équivalent en français d'une faute de grammaire.

exemple
=======

Échec de l'analyse syntaxique un des jetons est mal placé
---------------------------------------------------------

Ici la séquence ``class"=item"`` n'est pas correcte : l'attribut ``class`` doit être suivi d'un signe ``=`` et d'une chaîne de caractères :

.. image:: images/syntaxe-05.svg

.. image:: images/syntaxe-06.svg

.. note::

   Dans ce module, nous allons d'abord voir des outils qui vérifient que notre code est bien écrit dans le sens où il ne comporte pas d'erreur lexicale ou syntaxique. Cela ne suffit pas à affirmer que le code est « bon »… Seulement qu'il ne comporte à priori pas d'erreur lexicale ou de syntaxe.