HTML5 Semantic Tags & Modern Form Controls

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Semantic HTML5</title>
</head>
<body>
    <header>
        <nav><a href="#">Home</a> | <a href="#">About</a></nav>
    </header>
    <main>
        <article>
            <h2>Modern Web Development</h2>
            <p>Semantic markup enhances accessibility and SEO rankings.</p>
        </article>
    </main>
    <footer><p>&copy; 2026 CodingRider</p></footer>
</body>
</html>