Figures

ExempleImage

1
<figure>
2
  <img
3
  src="favicon-192x192.png"
4
  alt="The beautiful MDN logo.">
5
  <figcaption>MDN Logo</figcaption>
6
</figure>

ExempleCode

1
<figure>
2
  <pre>
3
function Hello() {
4
  let txt = 'Hello World'
5
  console.log(txt)
6
}</pre>
7
  <figcaption>Get browser details using <code>navigator</code>.</figcaption>
8
</figure>

ExempleCitation

1
<figure>
2
  <blockquote>If debugging is the process of removing software bugs,
3
  then programming must be the process of putting them in.</blockquote>
4
  <figcaption><cite>Edsger Dijkstra</cite></figcaption>
5
</figure>

Complément

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/figure

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/figcaption