Find Related products on Amazon

Default styles for h1 elements are changing

Published on: 2025-05-03 04:14:13

The HTML spec used to define an outline algorithm that gave

elements an implicit semantic heading level based on how many sectioning elements (
,
,
, and
) it was nested inside. The browser rendering was such that section > h1 would have the same font-size and margin as
. The section > section > h1 would be represented as
, and so on. The default rendering was implemented in browsers in their UA styles, but not the heading level in the accessibility tree (what screen readers use). Websites started to use sectioning elements, but didn't expect to see the automatic heading levels from the outline algorithm. In general, this created confusion about where developers could use
elements, tools handled the HTML differently, and the outline algorithm was considered problematic. The outline algorithm was removed from the HTML spec in 2022, but the UA stylesheet rules still remain. The rules in the default styles are what browser vendors ar ... Read full article.