Page Ten

Right after this page, despite really wanting to cover forms, I promptly passed out and slept for the next twelve hours.

Transcript

Bee: 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

Leave a Reply

Your email address will not be published. Required fields are marked *