If want to create a side discussion in traditional HTML, you use <div> tags and correct use of Cascading Style Sheets (CSS) for proper positioning. HTML5 makes the process easier by providing a new structural element, <aside></aside>. Like the <section> element, it provides a more descriptive way of sectioning the document.
In this solution, you will learn how to use the <aside></aside> element.
Often, you might want to create what is commonly called a sidebar discussion.
Of course, it could have been accomplished with the use of the <div> element. The use of the <aside></aside> element, however, provides for a much more meaningful structural description.
<aside style="font-size:larger;font-style:italic;color:blue;float:right;width:120px;">
To create a water bath, use a pan that will allow you to fill it with boiling water that goes halfway up the springform pan in which the cake is placed.
</aside>
<p>
When baking a cheesecake, it is important not to over bake it. You only want to bake it until the middle has a slight wiggle, not until it is rock solid.
</p>
<p>
It is important that you use a water bath, discussed at the right, to ensure even baking of your cheesecake.
</p>
Placement of the <aside></aside> element is critical. In the above example, it is placed as part of the main document. However, if you want the sidebar to be specific to a certain section, then you must place it within that section. This is especially important if you are using the <article></article> element so that the sidebar publishes with the rest of the related material.
0 comments:
Post a Comment