Semantic HTML

Semantic HTML are HTML tags that tell you what type of information each element should contain.

header tag

The <header> element is used to introduce content.

header example

The <nav> element is used to contain links.

nav example


The <article> element is used to wrap content that can be isolated and make sense such as an article.

article example

The <footer> element is used at the end of a webpage or another element. They usually include copyright notices or links to related web pages.

footer example

div for layout

Semantic HTML tags should be used whenever you can.

It is ok to use <div> tags for layout purposes.

If you are unsure about using a semantic HTML tag use a <div>.


Semantic HTMl tags helps the browser identify your pages easier and helps people who use screen readers navigate through the page.

To find out more about semantic HTML tags visit MDN.

The best way to organize JavaScript

Well-organized code can be easier to debug, and easier to revisit later. Let's make sure we understand how to organize our code using the best practices.

what is a factorial

Factorial can be used to find out how many ways to order a set of things. it looks like this 7!.