Semantic Image Wrappers (<figure> & <figcaption>)

Er. Manoj Kumar•Nextsem Academy Curriculum

1. <figure> encapsulates self-contained visual media.

2. <figcaption> adds a caption description.

3. Can be placed first or last inside.

4. Associates images and captions for accessibility.

5. Semantically superior to generic <div> tags.

<!DOCTYPE html>

<html>

<head>

<title>Figure and Figcaption</title>

</head>

<body>

<h2>Architecture Diagrams</h2>

<figcaption>Figure 1.1: Standard Client-Server Communication Flow.</figcaption>

</figure>

</body>

</html>

Loading course layout...