H1

H1 is an HTML element that represents the highest-level heading in a document. It signals the main topic or title of a page and contributes to the document’s structure for users and assistive technologies.

Semantics and outline: The h1 element defines the top-level heading; it should appear near the top of the content and can be placed inside a header or directly in main. Browsers apply a default large, bold style, but authors should style with CSS as needed. In HTML5, a page may include h1 through h6 to describe nested sections. The typical convention is to have one prominent h1 per page that summarizes the topic, followed by secondary headings (h2, h3, etc.) to organize subsections.

Accessibility: A meaningful h1 helps screen readers navigate the document and locate the page’s purpose. It should contain readable, human-friendly text and not be hidden from sight; ensure good color contrast and avoid decorative content inside.

Search engine optimization: Search engines use the h1 to identify the page’s topic. It should be concise and descriptive, unique to the page, and not repeated across pages. While multiple h1 elements are technically valid in modern HTML, a clear single title remains a common standard.

Styling and practical considerations: h1 is editable with CSS for font size, weight, and spacing. If using a content management system, the page title often becomes the h1 automatically. Ensure the h1 is contrasted and accessible on all devices.

Example: <h1>Page Title</h1>