Semantic HTML elements



I'm making simple blog website and I want to use semantic HTML5 elements.

This is just quick example how it looks:

Which semantic element should I use for blog post wrapper(dark grey area) and which for blog posts? I know for sidebar I should use <aside>, for navigation <nav>.


Usually, you'd use <main> for the blog post wrapper, but there are some gaps in its support - these may not be important to you though.

I'd use <article> for those.


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