I know it in the spec stylesheets but why was this made like this?

EDIT:

If anyone is wondering what I am talking about read more from the spec stylesheets

After May 2025 this styling is removed.

To fix this follow Moziilla’s web docs. It shows how to consistently size headings for old browsers.

  • espentan@lemmy.world
    61·
    4 months ago

    I’ve never experienced H2 to be larger than H1 in such usage, but rather the same size. Are you sure there aren’t any CSS affecting your result?

    From a stackoverflow reply:

    Why h1 and h2 are same?

    This is by design is because browser manufacturers think/agreed, that beneath web editors, producers and developers the <h2> is commonly treated as the visual more important heading and headings in the content documents should then ideally start with . That is why <h1> font-size is not default bigger inside <article>, <aside>, <nav>, <section> tags.

  • Björn Tantau@swg-empire.de
    41·
    4 months ago

    They probably expect you to use a new section with h1 for each uhhh section where you would use a h2 tag. So I gueas the h2 didn’t get any new styling information at all.

    In the end it’s a mess most devs just fix with their own stylesheet.

    • sanderium@lemmy.zipOPEnglish
      2·
      4 months ago

      It is number 2,

      <body>
    <main>
        <article>
            <h1>Post Title</h1>
            <h2>Post "Topic"</h2>
        </article>
    </main>
</body>

      Doing now the same as some developers I found:

      <body>
    <main> 
        <h1>Post Title</h1>
        <article>
            <h2>Post "Topic"</h2>
        </article>
    </main>
</body>

      Im asking because I found this question on stackoverflow for the section tag