Kontekst zewnętrzny - wyjątki

Podczas poznawania kontekstów zewnętrznych kolejnych elementów HTML możemy natknąć się na sytuację, gdy kontekstem zewnętrznym interesującego nas elementu HTML może być element HTML należący do jednej konkretnej kategorii HTML, lecz z pewnym wyjątkiem.

Przykładowo. Kontekstem zewnętrznym elementu main może być element HTML, który tworzy wewnętrzny kontekst opływający , lecz nie element article, element aside, element footer, element header oraz element nav jako element przodek. Oznacza to, że mimo iż element article, element aside, element footer, element header oraz element nav należą do kategorii element HTML, który tworzy wewnętrzny kontekst opływający , wspomniane elementy HTML nigdy nie mogą być elementem rodzicem elementu main, ani elementem przodkiem elementu main. Innymi słowy element main nie może wystąpić w zawartości reprezentowanej przez element article, element aside, element footer, element header lub element nav.

Przykład:

<article>
  <h1>Mój ulubiony kolor</h1>

  <main>
    <p>Moim ulubionym kolorem jest kolor <b>błękitny</b>.</p>
    <p>Ponieważ błękitny to kolor nieba.</p>
  </main>
</article>

<article>
  <h1>Mój ulubiony kolor</h1>

  <div>
    <main>
      <p>Moim ulubionym kolorem jest kolor <b>błękitny</b>.</p>
      <p>Ponieważ błękitny to kolor nieba.</p>
    </main>
  </div>
</article>

Pierwszy z zaprezentowanych elementów main posiada nieprawidłowy kontekst zewnętrzny, ponieważ elementem rodzicem wspomnianego elementu main jest element article.

Drugi z zaprezentowanych elementów main również posiada nieprawidłowy kontekst zewnętrzny, ponieważ jednym z elementów przodków wspomnianego elementu main jest element article (to, że w tym wypadku elementem rodzicem wspomnianego elementu main jest prawidłowy element HTML, nie ma znaczenia).