HTML5


An Evolution of the Most Widely used Technology in the World.


Marketplace

A collection of components and scripts based on HTML5.

HTML5

Tutorials and references on the HyperText Markup Language 5.

Javascript

Tutorials and references on the Javascript language.

CSS

Tutorials and references on Cascading Style Sheet.



HTML5 Tags
HTML5 Advance Features

aside element - <aside>

The <aside> element is used to represent content that is tangentially related to the content around it. It is typically useful for marking up sidebars as shown in the diagram below.


The important point to note is that the content in the <aside> element must be related to the content around it. A good fit for the content in the aside element would be additional notes, reference links or glossaries of an article. A search box or unrelated advertisements is not considered a good fit.

Examples

The following example below defines an <aside> element for a HTML document.
	
	   <aside>
	   This is an aside element. 
	   It must be tangentially related to the content around it.
	   </aside>
	  
The example below shows a pratical use of the <aside> element. The <aside> element contains content that is tangetially related to the main article. It is also displayed as a sidebar using Cascading Stylesheet (CSS).

	   <section>
	   <header>
	   <h1>This is chapter 1.</h1>
	   </header>
	   <p>Some contents</p>
	   </section>

	   <section>
	   <header>
	   <h1>This is chapter 2</h1>
	   </header>
	   <p>Some contents</p>
	   </section>

	   <article>
	   <section style="float:left;width:75%;border:1px solid">
	   <pre>
           <b>Main Article</b><br />	
	   Dorothy together with her little black dog Toto, 
	   the Scarecrow, Tin Woodman and the Cowardly Lion 
   	   travel to the Emerald City by following the yellow 
	   brick road. They all wanted to see the Wonderful 
   	   Wizard of Oz. The Scarecrow wants to get a brain, 
	   the Tin Woodman a heart, and the Cowardly Lion, 
	   courage.
           </pre>
           </section>

           <aside style="font-style:italic;
			float:right;width:20%;
			border:1px solid">
           <pre>
           <b>aside</b><br />	
           L. Frank Baum 
           wrote the The 
           Wondderful 
           Wizard of Oz, 
           a children's 
           novel in 1900.<br />
           </pre>
           </aside>
           </article>

	  
The diagram below shows the output of the above HTML example.


The World Wide Web and Applications Revolution.


Copyright © 2010-2013 html5marketplace.com. All Rights Reserved.

Valid HTML 4.01 Strict

http://www.barcoderesource.com