Kontekst zewnętrzny

Każdy element HTML posiada swój własny model kontekstu zewnętrznego.

Czym jest kontekst zewnętrzny elementu HTML?

Załóżmy, że posiadamy pierścionek. Gdzie możemy umieścić nasz przykładowy pierścionek? Czy nasz przykładowy pierścionek możemy umieścić w pudełku na pierścionek? Oczywiście, że tak! Innymi słowy kontekstem zewnętrznym naszego przykładowego pierścionka może być pudełko na pierścionek.

Kontekst zewnętrzny elementu HTML jest przede wszystkim informacją o tym, jaki element HTML może być elementem rodzicem interesującego nas elementu HTML.

Każdy element HTML zaprezentowany w części przeznaczonej na prezentację elementów HTML języka HTML posiada swój własny opis kontekstu zewnętrznego, z którym możesz zapoznać się, gdy będziesz miał na to ochotę.

Przykład:

<p>Moim ulubionym kwiatem jest <b>róża</b>.</p>

Widząc naszą przykładową strukturę HTML możemy zadać sobie następujące pytanie...

Jaki element HTML może być elementem rodzicem elementu p?

Odpowiedzią na nasze pytanie jest: element HTML, który tworzy wewnętrzny kontekst opływający.

Oznacza to, że każdy element HTML należący do kategorii element HTML, który tworzy wewnętrzny kontekst opływający może być elementem rodzicem elementu p.

Czy element div może być elementem rodzicem elementu p?

Tak. Ponieważ element div należy do kategorii element HTML, który tworzy wewnętrzny kontekst opływający, a kontekstem zewnętrznym elementu p może być element HTML, który tworzy wewnętrzny kontekst opływający.

Przykład:

<div>
  <p>Moim ulubionym kwiatem jest <b>róża</b>.</p>
</div>

To nie koniec przygód z kontekstem zewnętrznym elementu HTML.