How to Use footer element in HTML5

Leave a Comment

As the name suggests, the <footer></footer> element will create a footer for the HTML5 document - a structural division of that document. The footer can contain copyright information, author information, citations, privacy policy, and so on.

You can use the structural <footer></footer> element to create footers for an HTML5 document or any divisions within that document.

The copyright symbol, “&copy,” and any text regarding rights and ownership are placed within the footer.
<header>
<span style="color:red;font-style:italic;">
Baking Cheesecakes
</span>
<hr>
</header>
<hgroup draggable="true">
<h1>Cheesecake Tips and Techniques</h1>
<h2>Professional Tips</h2>
</hgroup>
<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 spring form 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>
<footer> &copy; 2011 - Better Made Cheesecakes - All rights reserved </footer>

The <footer></footer> element can be used either for the whole HTML5 document, as it is here, or for a
structural division within the document.

The <footer> element cannot be used within the <header> element or within another <footer> element. This would result in improper rendering.

0 comments:

Post a Comment