MySQL Java JavaScript PHP Python HTML-CSS C-sharp

Elementele figure și figcaption

Elementul figure este utilizat pentru a oferi o anotare pentru diferite ilustrații, diagrame, fotografii etc., în timp ce elementul figcaption înconjoară titlul conținutului din interiorul elementului figure.

Pentru a folosi elementul figure, trebuie să plasăm în el un anumit conținut, de exemplu, o imagine:

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title>Elementul Figure în HTML5</title>
   </head>
   <body>
       <div>
           <p>Lorem ipsum dolor ... </p>
           <figure>
               <figcaption>Februarie 2013</figcaption>
               <img src="image.png" alt="Inteligență artificală">
           </figure>
           <p>Lorem ipsum dolor ... </p>
       </div>   
   </body>
</html>

Aceasta arată cum să încapsulezi o imagine și să-i adaugi un titlu descriptiv cu ajutorul elementelor figure și figcaption, oferind astfel context vizualului și îmbunătățind accesibilitatea conținutului web.

← Lecția anterioară Lecția următoare →