Eléments embarqués

Par "embarqués" on désigne des éléments

  • qui sont des liens sur des fichiers externes au fichier HTML,
  • téléchargés par le navigateur au moment où il réalise l'analyse syntaxique du code HTML (parser)
  • affichés par le navigateur en même temps que le contenu du fichier HTML en cours.

D'une façon générale, tous les éléments contenus dans body et faisant référence à des ressources stockées dans des fichiers externes au document HTML sont des éléments embarqués. On trouvera des images fixes ou animées, de l'audio, des vidéos et aussi d'autres documents HTML.

D'une façon générale, les éléments embarqués ont un attribut src dont la valeur est l'URL de la ressource à "afficher" dans la page.

Le principal (et omniprésent) élément embarqué est l'élément img qui permet d'afficher une image dans le contenu d'une page.

L'élément iframe permet d'inclure une page Web dans une autre page Web. Son utilisation est à connaître, même si elle reste limitée à des cas précis.

Les éléments audio et video permettent d'embarquer des fichiers audios et vidéos pour les "jouer" dans une page. Seuls les navigateurs de dernière génération prennent en compte ces éléments. Il faut aussi faire attention que les codecs utilisés lors de l'encodage audio ou vidéo de ces fichiers est bien pris en compte par le navigateur pour le décodage.

Les éléments object et embed permettent d'embarquer des applications (flash par exemple) prises charges par des plug-ins installés manuellement sans le navigateur. Ils devraient disparaitre à terme car les volonté des distributeurs est de rendre leur navigateur totalement indépendants des applications tiers. On le voit avec la prise en charge directe des formats audio et vidéos par les navigateurs de dernière génération. Du fait de leur obsolescence programmée, ces éléments ne seront pas étudiés en détail.

L'élément canvas est particulier dans le sens où tel quel il ne produira rien d'autre qu'un espace d'affichage vide. En effet, l'élément canvas est là pour la création d'images dynamiques : pour remplir cet espace, il faut passer par le langage de programmation JavaScript et une API particulière. L'étude de cet élément dépasse le cadre de ce tutoriel.