I was about to use the "aside" tag, but it's not for sidebars apparently.
So, what HTML 5 tag should I use for a sidebar that would contain links of related articles, last posts added and popular posts?
<aside> is an HTML5 tag while sidebar is a user interface element that typically appears as a column to the left or right side of the main content. Those secondary contents are often represented as sidebars in printed typography.
It is your navigation, so the nav element is obviously the best choice here. There is no point in using the aside element just because something gets displayed in a sidebar. The choice whether to use aside should depend on the content and its purpose in context, not on the CSS.
HTML5 <aside> Tag The <aside> tag is used to describe the main object of the web page in a shorter way like a highlighter. It basically identifies the content that is related to the primary content of the web page but does not constitute the main intent of the primary page.
Best HTML5 markup for sidebar
But since your sidebar is presenting a collection of links to other pages, I would go for <nav>
More: http://www.ibm.com/developerworks/library/x-html5/
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With