Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Figures and Captions | Working with Images and Visual Content
HTML Text and Media Foundations

bookFigures and Captions

The <figure> element allows you to group media, such as images or diagrams, with an accompanying caption. The <figcaption> element provides a clear description or explanation of the visual content. Using these elements together helps users quickly understand the purpose of an image, especially when it provides additional context, like a chart, diagram, or photograph that needs explanation.

index.html

index.html

copy
Note
Note

Always use <figcaption> for images that need explanation. This approach benefits everyone, including users who rely on screen readers for accessible content.

question mark

When should you use the <figcaption> element in HTML?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 3

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Suggested prompts:

Can you show an example of how to use `<figure>` and `<figcaption>` in HTML?

Why is it important to use `<figcaption>` with images?

Are there accessibility benefits to using `<figure>` and `<figcaption>`?

Awesome!

Completion rate improved to 6.25

bookFigures and Captions

Glissez pour afficher le menu

The <figure> element allows you to group media, such as images or diagrams, with an accompanying caption. The <figcaption> element provides a clear description or explanation of the visual content. Using these elements together helps users quickly understand the purpose of an image, especially when it provides additional context, like a chart, diagram, or photograph that needs explanation.

index.html

index.html

copy
Note
Note

Always use <figcaption> for images that need explanation. This approach benefits everyone, including users who rely on screen readers for accessible content.

question mark

When should you use the <figcaption> element in HTML?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 3
some-alt