EverWeb Widgets HTML5

HTML5 Section & Figure

HTML5 Section Image Caption Heading Text

HTML5 Section With Image

HTML5 section image alt text caption heading text description
Image Caption

The HTML5 section element is probably that one that will be usedd most frequently on web pages.
This widget allows a styled HTML heading, a full width image with caption and alt text and content text.
The heading can be styled separately for background, font size and color with options for font weight, style and alignment.
The image is inserted into the section element using a figure and figcaption. This will leave the search engine spiders in no doubt about the image content and its relation to the heading and the text content.
Like most of the other HTML5 layout widgets, this one can have a boxshadow for visual separation with rounded corners at the top and/or bottom.
As can be seen from the widget settings, there is an option for styling hyperlinks.
The links can be styled for color, hover color and text decoration. The options are "none", "underline" and "line-through".
Links are inserted into the text box using HTML like this...

<a href="page-name.html">Link Text</a>

If the linked page is to open in a new window, use this...

<a href="page-name.html" target="_blank">Link Text</a>

Widget Settings

Figure widget heading image alt text caption description
Section Figure Image
Get The Widget