Zawartość może być treścią, a treść może być zawartością. Jednak zawartość, a treść są różnymi rzeczami występującymi w języku HTML.

Zawartością elementu HTML jest to wszystko co zostało umieszczone w jego zawartości, czyli pomiędzy tagiem otwierającym, a tagiem zamykającym.

Treścią elementu HTML jest to wszystko co zostanie wyświetlone dla użytkownika w oknie przeglądarki internetowej.

Innymi słowy treść, jaka zostanie zaprezentowana w oknie przeglądarki internetowej dla użytkownika reprezentowana jest przez zawartość elementu HTML.

Przykład:

<article>
  <h1>Mój ulubiony kwiat</h1>
  <p>Moim ulubionym kwiatem jest <b>róża</b>.</p>
</article>

Rezultat:

Mój ulubiony kwiat

Moim ulubionym kwiatem jest róża.

Zawartością naszego przykładowego elementu article jest element h1, element p, ciąg znaków Mój ulubiony kwiat, ciąg znaków Moim ulubionym kwiatem jest , element b, znak . oraz ciąg znaków róża.

Treścią naszego przykładowego elementu article jest ciąg znaków Mój ulubiony kwiat oraz ciąg znaków Moim ulubionym kwiatem jest róża..

Zawartością naszego przykładowego elementu h1 jest ciąg znaków Mój ulubiony kwiat.

Treścią naszego przykładowego elementu h1 jest również ciąg znaków Mój ulubiony kwiat.

Zawartością naszego przykładowego elementu p jest ciąg znaków Moim ulubionym kwiatem jest , element b, znak . oraz ciąg znaków róża.

Treścią naszego przykładowego elementu p jest ciąg znaków Moim ulubionym kwiatem jest róża..

Zawartością naszego przykładowego elementu b jest ciąg znaków róża.

Treścią naszego przykładowego elementu b jest również ciąg znaków róża.

Wszystkie informacje znajdujące się powyżej są prawdziwe, lecz ich opisy nie są do końca precyzyjne. Dlatego musimy poznać czym są białe znaki.