Layout Tags (header, footer, nav, aside)

          <aside> element identifies content related to the main content of a page but does constitute the main content of the webpage (e.g. related links, advertisements, author information, related content etc).

          The given markup below displays how the <aside> element looks:

<aside>
   <figure>
       <img src="images/laptop.png" height="100px" width="100px" />
       <figcaption>Figure caption goes here</figcaption>
   </figure>
   <p>
     Hello world! Hello world! Hello world!
     Hello world! Hello world! Hello world!
   </p>
</aside>

          The <aside> element contains a <figure> element and text in the form of a <p> element. The <figure> element is intended to represent a figure and in turn contains <img> and <figcaption> elements. The <img> tag points to the actual image to be displayed and the <figcaption> element holds the figure caption.