Znacznik <div> w HTML

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Znacznik <div> w HTML

Znacznik <div> służy do tworzenia blokowego kontenera w dokumencie HTML. Sam w sobie nie oznacza konkretnego znaczenia treści i nie jest znacznikiem formatowania tekstu. Najczęściej używa się go do grupowania elementów, aby później nadać im wygląd za pomocą CSS albo obsłużyć je w JavaScript.

Do czego służy <div>?

<div> wykorzystuje się głównie do:
- dzielenia strony na sekcje techniczne,
- grupowania kilku elementów HTML,
- tworzenia układów strony,
- nadawania wspólnego stylu przez class lub id,
- manipulowania fragmentem strony w JavaScript.

Przykład użycia

<div class="box">
  <h2>Tytuł sekcji</h2>
  <p>Treść znajdująca się wewnątrz kontenera.</p>
</div>

.box {
  border: 1px solid black;
  padding: 10px;
  background-color: #f2f2f2;
}

W tym przykładzie <div> grupuje nagłówek i akapit, ale nie formatuje tekstu samodzielnie. Wygląd nadaje dopiero CSS.

<div> a znaczniki formatowania tekstu

Znaczniki takie jak <em>, <strong> czy <sub> wpływają na znaczenie lub prezentację fragmentu tekstu:
- <em> oznacza wyróżnienie/emfazę,
- <strong> oznacza ważną treść,
- <sub> zapisuje tekst jako indeks dolny.

Natomiast <div> jest elementem strukturalnym. Służy do organizowania zawartości, a nie do formatowania pojedynczego fragmentu tekstu.

Ważne na egzaminie

Jeśli w pytaniu pojawia się zestaw: <em>, <sub>, <strong>, <div>, to poprawną odpowiedzią na pytanie o znacznik nieużywany do formatowania tekstu jest <div>.