Figure tag | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 2

Figure tag

Who uses tag <figure> in their web projects? Is it really useful?

3rd May 2018, 6:43 AM
tagea
tagea - avatar
4 Answers
+ 16
Use a <figure> element to mark up a photo in a document: Definition and Usage The <figure> tag specifies self-contained content, like illustrations, diagrams, photos, code listings, etc. While the content of the <figure> element is related to the main flow, its position is independent of the main flow, and if removed it should not affect the flow of the document. example: <figure> <img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228"> </figure> SOURCE: https://www.w3schools.com/tags/tag_figure.asp
3rd May 2018, 7:15 AM
Baraa AB
Baraa AB - avatar
+ 1
it is used specifies self-contained content, like illustrations, diagrams, photos, code listings, etc. While the content of the <figure> element is related to the main flow, its position is independent of the main flow, and if removed it should not affect the flow of the document <figure> <img src="img.jpg" alt="img" width="300" height="200"> </figure> and you can also use this in CSS figure { display: block; margin-top: 1em; margin-bottom: 1em; margin-left: 40px; margin-right: 40px; }
3rd May 2018, 6:48 AM
Sudarshan Rai
Sudarshan Rai - avatar
+ 1
What the main difference between div and figure?
3rd May 2018, 6:59 AM
tagea
tagea - avatar
3rd May 2018, 7:02 AM
Sudarshan Rai
Sudarshan Rai - avatar