DEV Community

Share Point Anchor
Share Point Anchor

Posted on • Originally published at sharepointanchor.com on

HTML <aside> Aside Tag

In HTML, the

represents a portion of a document with additional information related to the content. It is one of the new sectioning element in HTML 5.

The aside content should be indirectly related to the surrounding content. This tag can be used for glossary definitions , author biography , author profile , etc.

Note: The

. The sidebar is just a visual element , and the

Content in aside is a stand-alone , non-essential part of the web page, and if you delete it, the main content will not be affected. For Example, the following information is written inside the aside element such as endnotes , comments , lists of terms , a collection of links , etc.

Estimated reading time: 4 minutes

Syntax:

The aside tag always comes in pairs. The content is written between the opening

and closing .

Sample of the HTML


<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industrys</p>
    <aside>
      <h4>Lorem ipsum</h4>
      <p>Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book.</p>
    </aside>
  </body>
</html>

Enter fullscreen mode Exit fullscreen mode

Result:

Result


Top comments (0)