Main Element in HTML5

The main element was introduced in July 2015 to improve the structure of web page content:
<main></main>
It was added to contain the main content of the web page.

The main element is supported by all browsers except Internet Explore. It is supported by Microsoft Edge.

This element should not contain navigational devices that appear on every web page. It can contain headers that pertain to the argument or information presented within the container.

<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
Metas and browser intructions
</head>
<body>
<main>
    <h1>Web Page heading here</h1>
    <p>Actual page content....</p>
</main>
<footer></footer>
</body>

For a complete list of All elements, tags and attributes in HTML5 visit W3schools.com

Free Tools and Resources We Recommend

Free Responsive Web Design Certification freeCodeCamp

freeCodeCamp is a proven path to your first software developer job.

More than 40,000 people have gotten developer jobs after completing this – including at big companies like Google and Microsoft.

Finally, you'll learn how to make webpages that respond to different screen sizes by building a Twitter card with Flexbox, and a complex blog layout with CSS Grid.

FREE Certification Courses!!

Free Ebook How to Code in HTML5 and CSS3

"How to Code in HTML5 and CSS3" is a free e-book about making websites in HTML5 and CSS for absolute beginners. It doesn't require any experience in IT to start....

FREE HTML Editor (Windows): NoteTab Light

All the features of a commercial HTML editor.

FREE Apache Server (Windows): IndigoAmpp

Set up a real time server environment right on your PC. Test forms and scripts before uploading to your web space.

Linux Users

If like us, you've left the insane world of Microsoft Windows for the even worse experience of Linux, we recommend the BlueFish HTML editor. You'll find it in your software repository. It does have some QUIRKS, but it's FREE.

For image resizing we've found the easiest Linux tool to be Krita.