How are tags migrated from HTML4 to HTML5?


No.Typical HTML4Typical HTML5
1)<div id=”header”><header>
2)<div id=”menu”><nav>
3)<div id=”content”><section>
4)<div id=”post”><article>
5)<div id=”footer”><footer>

Header and Footer Example

HTML 4 Header and Footer:

<div id="header">  
  <h1>Monday Times</h1>  
</div>  
.  
.  
.  
<div id="footer">  
  <p>&copy; google. All rights reserved.</p>  
</div>  

HTML 5 Header and Footer:

<header>  
  <h1>Monday Times</h1>  
</header>  
.  
.  
.  
<footer>  
  <p>© google. All rights reserved.</p>  
</footer>  

Menu Example

HTML 4 Menu:

<div id="menu">  
  <ul>  
    <li>News</li>  
    <li>Sports</li>  
    <li>Weather</li>  
  </ul>  
</div>  

HTML 5 Menu:

<nav>  
  <ul>  
    <li>News</li>  
    <li>Sports</li>  
    <li>Weather</li>  
  </ul>  
</nav>  

Leave a Reply

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