what is the usage of HTML5 figure with img

html image tags figure difference
diEcho picture diEcho · Sep 17, 2012 · Viewed 19.6k times · Source

Is there any specific advantage/usage of using HTML5 <figure> over <img>?

I think <figure> is useless without <figurecaption>, isn't it?

It will be helpful if explain with an example.

Answer

NullPoiиteя picture NullPoiиteя · Sep 17, 2012

Images are not technically inserted into an HTML page, images are linked to HTML pages. The <img> tag creates a holding space for the referenced image.

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

From http://dev.w3.org/

The img element represents an image. and the The figure element represents a unit of content, optionally with a caption, that is self-contained, that is typically referenced as a single unit from the main flow of the document, and that can be moved away from the main flow of the document without affecting the document’s meaning.

Related questions

How can I display an image if browser does not support HTML5's <video> tag

Does anyone know how can I display an image for the browsers which don't support the tag ? Displaying a text such as in: <video src="video.mp4" type="video/mp4"> Your browser does not support the <video&…

Read More
Should I put paragraph tags around images?

I have a web page where I have text with images. I write some text (in a paragraph) then put an image, then another paragraph. Should I put p tags around the image too, or should I just leave it …

Read More
How do I auto-resize an image to fit a 'div' container?

How do you auto-resize a large image so that it will fit into a smaller width div container whilst maintaining its width:height ratio? Example: stackoverflow.com - when an image is inserted onto the editor panel and the image …

Read More