Ostatnio edytowany:

Kontekst wewnętrzny - wyjątki

Autor: Virtual Patriot

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

Przykładowo. Kontekstem wewnętrznym elementu article może być każdy element HTML należący do kategorii zawartość opływająca, lecz nie element main jako element potomek. Oznacza to, że mimo iż element main należy do kategorii zawartość opływająca, wspomniany element main nigdy nie może być elementem dzieckiem elementu article, ani elementem potomkiem elementu article. Innymi słowy element main nie może wystąpić w zawartości reprezentowanej przez element article.

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 article posiada nieprawidłowy kontekst wewnętrzny, ponieważ jednym z elementów dzieci wspomnianego elementu article jest element main.

Drugi z zaprezentowanych elementów article również posiada nieprawidłowy kontekst wewnętrzny, ponieważ jednym z elementów potomków wspomnianego elementu article jest element main (to, że w tym wypadku elementami dziećmi wspomnianego elementu article są prawidłowe elementy HTML, nie ma znaczenia).