Elementy HTML posiadające swoją rangę

Jak się wkrótce przekonamy, elementy HTML należące do kategorii nagłówek zawartości mogą reprezentować sobą różne rzeczy w kodzie HTML.

Na tę chwilę najważniejszą rzeczą do zapamiętania jest fakt, iż każdy element HTML należący do kategorii nagłówek zawartości posiada swoją własną rangę.

<h1></h1><!-- ELEMENT HTML O RANDZE 1 -->
  <h2></h2><!-- ELEMENT HTML O RANDZE 2 -->
    <h3></h3><!-- ELEMENT HTML O RANDZE 3 -->
      <h4></h4><!-- ELEMENT HTML O RANDZE 4 -->
        <h5></h5><!-- ELEMENT HTML O RANDZE 5 -->
          <h6></h6><!-- ELEMENT HTML O RANDZE 6 -->

Element h1 posiada najwyższą rangę. Element h6 posiada najniższą rangę. Element h2 posiada wyższą rangę od rangi elementu h3, lecz niższą rangę od rangi elementu h1. Element h3 posiada wyższą rangę od rangi elementu h4, lecz niższą rangę od rangi elementu h2 oraz jeszcze niższą rangę od rangi elementu h1 itd.