Dziedziczona wartość atrybutu HTML

Niektóre atrybuty HTML występujące w języku HTML posiadają dodatkowe zdolności. Właśnie takim atrybutem HTML jest atrybut lang, ponieważ wartość domyślna atrybutu lang elementu HTML jest dziedziczona od elementu rodzica.

Za pomocą atrybutu lang możemy określić dodatkową informację dla przeglądarki internetowej o bazowym języku, jaki posiada treść reprezentowana przez zawartość interesującego nas elementu HTML (o czym mogliśmy dowiedzieć się już wcześniej).

Przykład:

<p lang="pl">
  czerwony to <b lang="pl">miłość</b>
</p>

<p lang="pl">
  niebieski to <b lang="pl">wolność</b>
</p>

<p lang="pl">
  szary to <b lang="pl">neutralność</b>
</p>

Treść reprezentowana przez zawartość każdego z zaprezentowanych elementów HTML została napisana za pomocą języka polskiego. Dlatego do każdego z zaprezentowanych elementów HTML został przeze mnie dodany atrybut lang wraz z wartością pl, aby przeglądarka internetowa na pewno wiedziała, jakiego bazowego języka spodziewać się po treści reprezentowanej przez zawartość każdego z zaprezentowanych elementów HTML.

Nasz przykładowy kod HTML możemy nieco uprościć.

Przykład:

<div lang="pl">
  <p>
    czerwony to <b>miłość</b>
  </p>

  <p>
    niebieski to <b>wolność</b>
  </p>

  <p>
    szary to <b>neutralność</b>
  </p>
</div>

Gdy element HTML posiada atrybut lang wraz z określoną przez nas wartością, wtedy wszystkie elementy HTML nieposiadające atrybutu lang oraz znajdujące się w zawartości wspomnianego elementu HTML są traktowane przez przeglądarkę internetową jak elementy HTML posiadające atrybut lang wraz z wartością, która została określona przez nas dla wspomnianego elementu HTML. Innymi słowy wartość atrybutu lang może być dziedziczona przez wszystkie elementy HTML nieposiadające atrybutu lang, które to elementy HTML są elementami potomkami elementu HTML, który posiada atrybut lang wraz z określoną wartością.

W naszym przykładzie każdy element HTML występujący w zawartości elementu div nie posiada atrybutu lang, lecz każdy element HTML występujący w zawartości wspomnianego elementu div jest traktowany przez przeglądarkę internetową jako element HTML posiadający atrybut lang o wartości pl, która to wartość została określona dla atrybutu lang wspomnianego elementu div.

Wspomniane dziedziczenie odbywa się tylko w teorii, a nie w praktyce. Oznacza to, że po wyświetleniu w oknie przeglądarki internetowej naszego przykładowego kodu HTML, nasz przykładowy kod HTML nie zmieni się w żaden sposób (elementy "p" oraz elementy "b" nadal nie będą posiadały swojego atrybutu "lang").