About aside Element

HTML-CSS
1

Anyone tell me about the functionality of aside Element in HTML 5
Little bit explain please :slightly_smiling_face:

2

Hi @MuhammadMeer!

An aside is content that is indirectly related to the main article content.

MDN has good examples of this.

<article>
  <p>
    The Disney movie <cite>The Little Mermaid</cite> was
    first released to theatres in 1989.
  </p>
  <aside>
    <p>
      The movie earned $87 million during its initial release.
    </p>
  </aside>
  <p>
    More info about the movie...
  </p>
</article>

and this example

<p>Salamanders are a group of amphibians with a lizard-like appearance, including short legs and a tail in both larval and adult forms.</p>

<aside>
    <p>The Rough-skinned Newt defends itself with a deadly neurotoxin.</p>
</aside>

<p>Several species of salamander inhabit the temperate rainforest of the Pacific Northwest, including the Ensatina, the Northwestern Salamander and the Rough-skinned Newt. Most salamanders are nocturnal, and hunt for insects, worms and other small creatures.</p>

For more visual explanations you can look to this css tricks article

3

Thanks a lot for helping , I will check the link for more explanations
:slightly_smiling_face:

4

@jwilkins.oboe Thanks This link really helpful for me :slightly_smiling_face:

5

the aside could be compared to the info boxes in textbooks? like the section is about some theory or concept, and then there is a small box to the side about the people behind ir

6

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.