Week 3 HMTL Practice

Semantic HTML Tags vs “Old School” Tags

This week by using the the inspect feature of the browser, I found out that many web pages still use the <div> element to build the page structure. Frankly speaking, it makes sense to me, however, I have learned that there is an even better way to make it more understandable and user-friendly when it comes to hundreds of lines of code.

HTML people must have been so frustrated to see codes sprayed by some novice developers that they came up with new some squeaky ones which sound really cool.

<nav> is for?</nav>

Yes, I know. Easy… Navigation.

<header>is for? </header>

That is a no-brainer.

<main>is for? </main>

It is like a box. You can place your old-school tags in it.


<header> I am the header!</header>
<nav> Nice to meet you. I am the navigation.</nav>
<main>
  <h1> Hey Nav you might have forgotten to add some <a> and <li>
<footer> 
         <p>Instead of telling people what they have fogotten, Why don't you
             add a closing tag for yourself main? </p>
         <p> Never mind!</>
</footer>


 
Skip to content