HTML5 Basics

HTML5 is the latest version of the HTML standard, bringing a wide range of new features and enhancements to the web. This tutorial will give you a basic understanding of HTML5.

What is HTML5?

HTML5 is a markup language used for structuring and presenting content on the web. It is the fifth revision of the HTML standard and was released in 2014.

New Features in HTML5

Here are some of the key features of HTML5:

Doctype Declaration: HTML5 uses a simplified doctype declaration, which makes it easier to write and validate HTML5 documents.
Semantic Elements: HTML5 introduces new semantic elements such as <header>, <footer>, <nav>, <article>, and <section>, which help improve the structure and readability of web pages.
Canvas and SVG: HTML5 includes <canvas> and <svg> elements for drawing graphics and animations.
Audio and Video: HTML5 supports native audio and video playback without the need for additional plugins like Flash.
Geolocation: HTML5 provides a way to access the user's geographical location.

Getting Started

To get started with HTML5, you'll need a text editor and a web browser. Here's a simple example of an HTML5 document:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML5 Basics</title>
</head>
<body>
    <header>
        <h1>Welcome to HTML5</h1>
    </header>
    <nav>
        <ul>
            <li><a href="/en/tutorials/html5-basics">Home</a></li>
            <li><a href="/en/tutorials/css-basics">CSS Basics</a></li>
        </ul>
    </nav>
    <article>
        <h2>What is HTML5?</h2>
        <p>HTML5 is the latest version of the HTML standard, bringing a wide range of new features and enhancements to the web.</p>
    </article>
    <footer>
        <p>© 2023 My Website</p>
    </footer>
</body>
</html>

Learn More

For more information on HTML5, you can visit the MDN Web Docs.

If you're interested in learning more about HTML5, check out our HTML5 Advanced Tutorial.