html1 KB
HTML — Semantic article page
A realistic semantic HTML page with landmark elements (header, nav, main, article, footer), a figure with alt text and caption, and lists — for testing HTML parsers, accessibility tooling, and highlighters.
Preview — first 38 lineshtml
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Semantic Article - Sample Page</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<header>
<nav aria-label="Primary">
<a href="/">Home</a>
<a href="/blog">Blog</a>
</nav>
</header>
<main>
<article>
<h1>Testing Semantic HTML</h1>
<p>
A short article built from landmark elements, a
<a href="https://example.com">sample link</a>, and a figure with a caption.
</p>
<figure>
<img src="chart.png" alt="A bar chart of monthly totals" width="480" height="270" />
<figcaption>Monthly totals for the sample dataset.</figcaption>
</figure>
<ul>
<li>Accessible landmarks</li>
<li>Descriptive alt text</li>
</ul>
</article>
</main>
<footer>
<p>© 2026 Novus Examples</p>
</footer>
</body>
</html>
Specifications
- Language
- HTML
- Kind
- realistic snippet
- Lines
- 37
- Encoding
- UTF-8
- Line Endings
- LF
What is a .html file?
HTML (HyperText Markup Language) is the structural markup language of the web, using nested tags to define document content, semantics, and links. It is typically paired with CSS for presentation and JavaScript for behavior. It is the foundational format rendered by browsers.
How to use this file
Use an example HTML file to test parsers, DOM construction, sanitization of untrusted markup, and rendering or scraping pipelines.
Related files
- htmlHTML — Hello WorldA minimal, valid HTML5 document — doctype, head, and a single heading — for testing HTML parsers, highlighters, and validators against the simplest well-formed page.
- cC — Hello WorldThe classic hello-world in C — an include, main, and printf — for testing highlighters, C compilers, and parsers against the canonical first program.
- cC — Linked list (structs, malloc, pointers)A realistic C program: a singly linked list with a typedef struct, malloc/free memory management, pointer walking, and error handling — for testing highlighters, compilers, and static analysers.
- cppC++ — Hello WorldThe classic hello-world in C++ — iostream and std::cout — for testing highlighters, C++ compilers, and parsers.
- cppC++ — Series (class template, STL)A realistic C++ snippet with a class template, STL algorithms (max_element, accumulate), std::move, and range handling — for testing highlighters, g++/clang++, and parsers against real templates.
- cssCSS — Component styles (variables, flexbox, keyframes)A realistic component stylesheet using custom properties, flexbox, a fluid clamp() font size, color-mix(), a keyframe animation, and a media query — for testing CSS parsers, linters (stylelint), and highlighters.
Generated by generation/code_samples.py. Free for any use, no attribution required — license.