What is the correct tag for grouping elements in an aside

3

I'm creating a sidebar for my site, I want to put something like "latest posts, social networking, a kind of top most downloaded etc ..." or something simpler "latest posts" only: D .. butI'mindoubtabouttagaside,Iread,reli,andI'mstillreadingaboutit,butI'mfloating...isitreallytherighttagtocreatethispartofthesite?iswhatcangrouptheseelements,Isay:"last posts, social networks" etc .. section? article? ul ... vlw

I know it needs to be related to the main content of the page, but I do not know if what I proposed is related to the post .. example: article about cars, but my aside has latest posts and social networks .. does not seem related, but there is a lot of website that uses aside this way, I would like to understand if it is correct .. thank you who help

edit: The element can be used for typographic purposes such as pull quotes or sidebars, for advertising, for groups of nav elements, and for other content that is considered separate from the main content of the page.

I took this from the link , if I understood correctly (hopefully) I can use it for content separate from the main content such as networks social, latest posts etc. ..?

    
asked by anonymous 15.07.2016 / 10:52

2 answers

2

This is exactly the purpose of the tag aside, you can use it without fear! Generally, for this type of structure I would use the 4 tags:
header / section / aside / footer
to group, respectively:
header / body (main content) / sidebar (with links to navigation, etc.) / footer

    
15.07.2016 / 13:32
1

Complementing the answer:

<aside> as the friend @IgorSantos said is correctly used for this type of content, the famous "sidebar."

About other tags:

<section> Used to contain each "section" of the main content of your page

<article> used to indicate that the content inside it is an article (post)

<ul> used to create an unordered list:

<ul>
  <li>
  </li>
  <li>
  </li>
</ul>

Being that you can obviously have a <article> within your <aside> .. It's basically out there ... you can read better about the HTML tags in this article:

link

    
17.07.2016 / 17:43