Ostatnio edytowany:

Semantyka tekstu - element "small"

Autor: Virtual Patriot

Załóżmy, że chcemy poinformować użytkownika o przykładowej promocji.

Przykład:

<p>
  Uwaga promocja! Rabat w wysokości 10% wartości zakupu!
  (gdy wartość zakupu przekroczyła 100zł)
</p>

Rezultat:

Uwaga promocja! Rabat w wysokości 10% wartości zakupu! (gdy wartość zakupu przekroczyła 100zł)

Użytkownik zapoznający się z treścią reprezentowaną przez zawartość naszego przykładowego elementu p zorientuje się, że wspomniana treść mówi o pewnej promocji, która obowiązuje pod zastrzeżeniem: gdy wartość zakupu przekroczyła 100zł.

Czy przeglądarka internetowa również będzie wiedziała o tym, że ciąg znaków (gdy wartość zakupu przekroczyła 100zł), występujący w treści reprezentowanej przez zawartość naszego przykładowego elementu p, pełni rolę zastrzeżenia do treści reprezentowanej przez pozostałą zawartość wspomnianego elementu p?

Niekoniecznie, lecz za pomocą elementu small sytuację tę możemy zmienić.

Przykład:

<p>
  Uwaga promocja! Rabat w wysokości 10% wartości zakupu!
  <small>(gdy wartość zakupu przekroczyła 100zł)</small>
</p>

Rezultat:

Uwaga promocja! Rabat w wysokości 10% wartości zakupu! (gdy wartość zakupu przekroczyła 100zł)

Od tej pory, dzięki elementowi small nasz przykładowy kod HTML zawiera dodatkową informację dla przeglądarki internetowej o tym, iż ciąg znaków (gdy wartość zakupu przekroczyła 100zł), występujący w treści reprezentowanej przez zawartość naszego przykładowego elementu p, pełni rolę zastrzeżenia do treści reprezentowanej przez pozostałą zawartość wspomnianego elementu p.