Kontekst a model zawartości HTML

[pitek1998]

Uczę się o zagnieżdżaniu elementów w HTML-u. W pewnym kursie znalazłem taki opis odnośnie tego:

<p>Model ten określa, <b>jakie dokładnie elementy-dzieci i w jakiej konfiguracji mogą się znajdować w konkretnym elemencie</b>. Jest to zatem<b> odwrotność kontekstu, który określa, w jakim rodzicu dany element się może znaleźć.</b></p>

Chodzi mi przede wszystkim o to co zostało pogrubione. Czy ma to jakieś większe znaczenie z perspektywy pisania kodu?

[-n3veR]

Tak, ma to znaczenie. Znacznik `p` jest znacznikiem blokowym, zaś `b` inline'owym.

 

Zagnieżdżać możesz blok w bloku i inline w bloku, ale bloku w inline'ie już nie - będzie to błąd składniowy.

Są też pewne wymagania. Np. `div` w `div'ie` zagnieździsz, ale `p` w `p` - czy inny podobny znacznik - już nie. Tzn. możesz tak zrobić i przeglądarka cię uratuje przed błędnym wyświetleniem, ale nadal to będzie błąd składniowy.

 

Podobnie jest np. z listą. `ul` czy `ol` musi mieć `li` jako dziecko. Jeżeli zrobisz to w ten sposób:

<ul>
  <li>...</li>
  <ul>
    <li>...</li>
  </ul>
</ul>

 

Albo tak:

<ul>
  <a>...</a>
  <a>...</a>
</ul>

 

To będzie to błąd.

Edytowane 9 maja 2023 przez -n3veR