HTMLotsikoina

HTMLotsikoina is a Finnish term used in web development to refer to the use of HTML heading elements to structure content on a page. It literally means "as HTML headings" and emphasizes semantic meaning over appearance.

Heading elements from h1 to h6 provide a navigable outline of the document. The h1 element denotes the main title, while h2–h6 indicate subsections and progressively finer topics. Maintaining a logical order helps screen readers and search engines understand page structure. In HTML5, headings are often used in conjunction with sectioning elements (section, article, nav) to create meaningful landmarks.

Best practices include using a single h1 per page for the primary topic, writing concise and descriptive heading text, and avoiding the use of headings purely for styling. Visual presentation should be controlled with CSS, not by changing heading levels. Avoid skipping heading levels where possible, and ensure that headings reflect the content hierarchy rather than arbitrary labels.

Accessibility and search optimization benefit from well-formed headings: screen readers can offer a quick outline of the page, and search engines can extract topic signals from heading text. Skip links and descriptive headings further aid navigation.

Example:

<h1>Yrityksen verkkosivuston otsikko</h1>

<h2>Tuotteet</h2>

<h3>Elektroniikka</h3>

Related concepts include HTML5 semantic elements such as header, main, section and article, which work together with headings to convey structure.