Semantyka tekstu - element "kbd"

Załóżmy, że chcemy poprosić użytkownika o naciśnięcie określonego przycisku znajdującego się na klawiaturze komputera.

Przykład:

<p>
  Naciśnij przycisk HOME, jeżeli chcesz przenieść się na początek okna Twojej przeglądarki internetowej.
</p>

Rezultat:

Użytkownik zapoznający się z treścią reprezentowaną przez zawartość naszego przykładowego elementu p zorientuje się, że wspomniana treść mówi o tym, że należy nacisnąć przycisk HOME, jeżeli chce się przenieść na początek okna przeglądarki internetowej.

Czy przeglądarka internetowa również będzie wiedziała o tym, że ciąg znaków HOME, występujący w treści reprezentowanej przez zawartość naszego przykładowego elementu p, wskazuje na treść, która ma pochodzić od użytkownika?

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

Przykład:

<p>
  Naciśnij przycisk <kbd>HOME</kbd>, jeżeli chcesz przenieść się na początek okna Twojej przeglądarki internetowej.
</p>

Rezultat:

Od tej pory, dzięki elementowi kbd nasz przykładowy kod HTML zawiera dodatkową informację dla przeglądarki internetowej o tym, iż ciąg znaków HOME, występujący w treści reprezentowanej przez zawartość naszego przykładowego elementu p, wskazuje na treść, która ma pochodzić od użytkownika.