Image Insert Using The HTML5 Figure Element
The figure element is new in HTML5. This widget makes use of it to insert an image with a caption.
The caption is contained in the <figcaption> tag inside the <figure> tag.
Why do this?
When you insert an image with a caption in a separate text box, these are seen as two separate elements with nothing to associate them with each other.
The figure tag combines then into a single unit so that they can only be moved around together.
This may not concern the human visitors much at all but it will make a lot more sense to the search engine spiders.
As can be seen from the above examples, the caption can be styled and have a contrasting background.
The text can be aligned and run to more than one line.