What’s the difference between the <div> & the HTML5 tags?

HTML5 is an extension of HTML. Think of the HTML5 tags as Webster adding new words to the dictionary. They don’t get special treatment or have to be segregated from other HTML.

The div tag groups together content to assist with styling on the page. HTML5 tags are replacements for the div tags and are more descriptive making it easier to 1) distinguish what the content is on the page, and 2) give the browser more context to what’s going on.

Generally, if there is an HTML5 tag that would fit, use it first and then use the <div> tag if you need to group any more content.