EverWeb Widgets HTML5

HTML5 Aside

HTML5 Aside Text Widget

Aside Element

The HTML5 <aside> tag is used for items that are related to the rest of the page content but are not essential.
The aside can be seen as a sidebar giving more info about the page content and hyperlinks to other related pages.
The aside is usefull for containing advertisements and all these junky clip art objects that some designers feel they need to inflict on their visitors.
The advantage of placing these extraneous items in an aside is that they can be omitted easily from the mobile version of the website. The main items such as article, sections, figures and so on can be copied over "as is" and squeezed down in width.


As can be seen from the widget settings, there is an option for styling hyperlinks since the aside is most likely to contain links to other pages.
The links can be styled for color, hover color and text decoration. The options for the latter 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

HTML5 Aside Heading Text Content
HTML5 Aside Text
Get The Widget