Andromeda
Note

HTML5 Document Structure

Definition

The minimal required skeleton for every HTML5 page: doctype declaration, root <html> element, <head> metadata block, and <body> content container.

Why It Matters

It provides the semantic foundation for the modern web, ensuring that information is organized in a way that both humans and machines can understand. A clean document structure is the key to accessibility, search engine ranking, and the long-term maintainability of digital content.

Core Concepts

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Page Title</title>
</head>
<body>
  <h1>Hello, World!</h1>
</body>
</html>
  • <!DOCTYPE html>: Declares HTML5 to the browser.
  • <html>: Root element wrapping the entire document.
  • <head>: Metadata—charset, title, linked CSS—not displayed on page.
  • <meta charset="utf-8">: Unicode UTF-8 character encoding.
  • <title>: Browser tab and bookmark label.
  • <body>: All visible page content.

Connected Concepts