Element HTML służy do oznaczania tekstu reprezentującego wejście użytkownika (najczęściej naciśnięcia klawiszy), np. „Naciśnij Ctrl + S”. Nie dodaje żadnej funkcjonalności—ma znaczenie semantyczne i zwykle jest renderowany krojem monospace.
Kluczowe informacje:
- to inline’owy element semantyczny używany do oznaczania skrótów klawiaturowych, poleceń wpisywanych przez użytkownika czy innych form inputu (np. komendy głosowe).
- Przykład: „Aby zapisać, naciśnij Ctrl + S”.
- Nie posiada specjalnych atrybutów własnych; wspiera atrybuty globalne i można go stylować CSS (np. zmienić wygląd klawiszy).
- Można go zagnieżdżać, by wyróżnić pojedyncze klawisze lub kroki, a także łączyć z , by pokazać, że wejście bazuje na etykietach wyświetlanych przez system (np. ścieżki menu).
- Przeglądarki wspierają od bardzo wczesnych wersji.
Co można tam „załatwić”?
- nie służy do kontaktu ani interakcji z serwisem; to wyłącznie oznaczenie tekstu jako wejścia użytkownika. Nie wysyła wiadomości, nie wywołuje akcji i nie tworzy linków.
- Jeśli potrzebujesz sposobów kontaktu na stronie, używa się innych mechanizmów (patrz niżej).
Inne formy kontaktu na stronie WWW:
- E-mail: można umieścić adres jako tekst (np. [email protected]) lub dodać odnośnik typu mailto, który otwiera klienta poczty, np. mailto:[email protected].
- Formularz kontaktowy:
- Telefon: link tel:123456789 pozwala na szybkie wybieranie numeru na urządzeniach mobilnych.
- Media społecznościowe lub strony WWW: można podać jako tekst, np. www.twojadomena.pl, facebook.com/twojprofil, linkedin.com/in/twoj-profil.
Przykłady (podane jako tekst, bez linków klikalnych):
- E-mail: [email protected]
- Strona WWW: www.twojadomena.pl
- Telefon: tel:123456789
Gdy chcesz pokazać skróty klawiszowe i jednocześnie zapewnić kontakt:
- Użyj do instrukcji (np. „Naciśnij Ctrl + P, aby drukować”).
- Obok zamieść dane kontaktowe w formie tekstu lub zastosuj mailto/tel we właściwych miejscach.
