HTML Migration

The HTML migration is used to define a way to migrate from HTML 4 to HTML5, without damaging any structure or content.

In HTML4	In HTML5
<div id="header">	<header>
<div id="menu">	<nav>
<div id="content">	<section>
<div class="article">	<article>
<div id="footer">	<footer>

Example:-

<!DOCTYPE html>
<html>
<title> The HTML4 Document </title>
<style>
body{
font-family: Helvetica;
font-size: 0.9em;
}
div # header, div # footer{
padding: 15px;
color: maroon;
background-color: red;
}
div # content{
margin: 5px;

padding: 10px;

background-color: grey;

}

div.article {

margin: 5px;

padding: 10px;

background-color: yellow;

div # menu ul {

padding: 0;

}

div # menu ul li {

display: inline;

margin: 5px;

}

</style>

</head>

<body>

<div id =”header”>

<h> Today Headliines </h>

</div>

<div id ="menu">

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

</div>

<div id = “content”>

<h2>  news </h2>

<div class = “article”>

<p> This portion contains NEWS  about all content. </p>

</div>

<div class = “article”>

<h2> Sports  </h2 

<p> This portion contains Sports NEWS </p>

</div>

</div>

<div id = “footer”>

<p> This is Today newspaper.</p>

</div>

</body>

</html>

Test it Now

Next Topic

← prev next →

HTML Tutorials

HTML Tags

HTML5 Tutorial

HTML Migration