Znacznik figure w html pozwala na kilka przydatnych efektów wizualnych. Najczęściej chodzi o umieszczenie opisu obrazka, czy wyświetlenie go jako większego

Po co nam znacznik <figure>

Struktury multimedialne na stronach powinny być oznaczane znacznikiem <figure>. <figure> łączy zdjęcie, dźwięk czy film z jego opisem, co pozwala użytkownikom zrozumienie treści i połączenie elementów robotom indeksującym strony internetowe. Ponadto strona staje się bardziej dostępna dla użytkowników czytników ekranowych.

Jak używać tego znacznika.

Poniżej znajdziesz najprostsze zastosowanie znacznika figure, a pod nim wyjaśnienie kodu:

<figure>
 <img src="https://duzerabaty.pl/uploads/blogpost/10-porad-jak-robic-piekne-zdjecia.jpg" alt="obrazek">
 <figcaption> Drzewo na pięknym tle</figcaption>
</figure>

W znaczniku figure obowiązkowo musi znajdować się znacznik z jakimś medium, np. wideo, obrazek, albo np. tekst po nim musi znajdować się jego opis, w znaczniku <figaption>.
A oto efekt, w cssie zmieniony został tylko kolor tła oraz szerokość obrazka.

Gzie jeszcze można użyć <figure>

Znacznika figure można np. użyć aby prezentować cytaty, w figure umieszczamy imię i nazwisko autora, a w figcaption, znacznik <blockquote> i w nim treść cytatu.