Right after this page, despite really wanting to cover forms, I promptly passed out and slept for the next twelve hours.
TranscriptBee: Instead of using tables for layouts, we use one of the various section elements instead.
Up until the adoption of HTML5, you only really had the choice of using <div> as the means of grouping several groups of content. You would use a mix of ids, classes, and css sheets as a means of differentiating between the different <div> tags to create the layout you want.
Bee: These days, there are a few more sectioning elements to choose from, that helps give context to the content within.
<section> = a thematic grouping of content, typically with a heading
<nav> = content containing only navigation links
<article> = a thematic grouping of content, typically with a heading. unlike a section, this typically refers to "new items," like the individual posts in a blog.
<aside> = content that could exist independently to the rest of the content on the page, and whose removal wouldn't diminish any understanding of the page's content.
<header> = the header of a page or section. often contains a logo, website title, and navigational table of contents
<footer> = footer of the page or section. often contains a copyright notice, legal information, etc
<address> = a section that contains contact information
<main> = the main/important content on the page. use this only once per page