In the third video of this guide we will be talking about the various types of meta tags to include in your HTML document. We also cover section tags, div containers, basic nav bars, multi-page sites, and more CSS.
In this video we talk a bit more about the various types of meta tags we can add into our HTML documents. Here are some of the types of meta tags you can add into your page.
Sections and divs are similar but are actually quite different. Section tags should be used to group content that is similar in nature. A good way to use a section would be a product pricing section on a website. Every element inside that section tag should be related to pricing. It could give product descriptions, pricing, links to more details, pictures, and maybe even links for payment gateways.
A div on the other hand, is not really a grouping of content by category or some type of relation. It's simply a seperator that defines the boundry between HTML elements.
If you are confused think about it like this, a div is extremely common and should be used to contain elements - it doesn't always make sense in relation to the content. A section tag is a very thought out, planned grouping of HTML elements that serves a purpose.
We have a few new CSS selectors for our styling in this video example. We are using the :hover selector, as well as multi-class selectors. Here is a screenshot of the CSS we used here.