Zagnieżdżanie elementów HTML
Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych
Zagnieżdżanie elementów HTML polega na umieszczaniu jednego elementu wewnątrz drugiego. Ma to znaczenie dla zakresu działania znaczników, np. pogrubienia, kursywy, linku lub innego formatowania.
Element wewnętrzny działa tylko w miejscu, w którym został otwarty i zamknięty. Jeśli element <b> znajduje się wewnątrz elementu <i>, tekst objęty <b> będzie jednocześnie pogrubiony i pochylony.
Przykład
<p>W tym <i>paragrafie <b>zobaczysz</b> sposoby formatowania</i> tekstu w HTML</p>
Efekt:
- słowa „paragrafie”, „sposoby formatowania” są zapisane kursywą,
- słowo „zobaczysz” jest zapisane kursywą i pogrubieniem,
- tekst „W tym” oraz „tekstu w HTML” pozostaje bez tego formatowania.
Poprawna kolejność zamykania
Znaczniki zagnieżdżone należy zamykać w odwrotnej kolejności niż zostały otwarte:
<i>tekst <b>ważny</b> dalej kursywą</i>
Niepoprawne lub nielogiczne zagnieżdżenie może dać inny efekt wizualny albo utrudnić interpretację kodu przez przeglądarkę i czytniki ekranu.
Wskazówka egzaminacyjna
W zadaniach z formatowaniem HTML trzeba sprawdzić, od którego miejsca zaczyna się znacznik i gdzie się kończy. To właśnie zakres znaczników decyduje, które fragmenty tekstu są pogrubione, pochylone lub sformatowane w inny sposób.