<samp>
Przykładowy wynik działania programu: komunikat, odpowiedź konsoli albo treść błędu.
- Wyświetlanie
- inline
- Znacznik zamykający
- Wymagany
- Dozwolona zawartość
- Treść frazowa (phrasing content)
Przykład
#<p>
Jeśli zapomnisz domknąć nawias, konsola pokaże błąd
<samp>SyntaxError: missing ) after argument list</samp>.
</p>Definicja i zastosowanie
#Element <samp> oznacza tekst wygenerowany przez program lub system: komunikat błędu, wynik polecenia w terminalu, odpowiedź serwera albo napis wyświetlany przez aplikację. Przeglądarki pokazują go czcionką o stałej szerokości znaków.
Łatwo zapamiętać podział ról: <code> oznacza kod, który ktoś napisał, <kbd> dane wpisywane przez użytkownika, a <samp> odpowiedź komputera. Dzięki temu nawet w długim poradniku widać, kto w danej chwili „mówi”.
Wielolinijkowy wynik umieść w <pre><samp>…</samp></pre>. Jeśli w zapisie sesji terminala chcesz pokazać polecenie wpisane przez użytkownika, zagnieźdź w <samp> element <kbd>.
Składnia
#<samp>komunikat programu</samp>Atrybuty
#Ten element nie ma własnych atrybutów. Obsługuje atrybuty globalne, takie jak class, id czy hidden.
Więcej przykładów
#<pre><samp>$ <kbd>node --version</kbd>
v22.11.0</samp></pre>Domyślny CSS
#Większość przeglądarek wyświetla ten element z takimi stylami domyślnymi:
samp {
font-family: monospace;
}Obsługa przeglądarek
#Szeroko dostępne
Działa we wszystkich nowoczesnych przeglądarkach, także na telefonach. Możesz używać bez obaw.
- Chrome
- Edge
- Firefox
- Safari
Dobre praktyki
#- Komunikaty błędów przepisuj dokładnie, znak po znaku. Czytelnik może chcieć wkleić je do wyszukiwarki.
- W zapisie sesji terminala oznaczaj polecenia przez
<kbd>, a odpowiedzi przez<samp>. - Długie wyniki umieszczaj w
<pre>, żeby zachować układ kolumn i wcięć.
Powiązane hasła
#- <kbd>Dane wprowadzane przez użytkownika: klawisze, skróty klawiszowe i polecenia do wpisania.
- <code>Fragment kodu komputerowego: nazwa zmiennej, funkcji, znacznika albo pliku, a także krótki listing.
- <pre>Tekst sformatowany wstępnie: zachowuje spacje, tabulatory i przełamania linii dokładnie tak, jak w kodzie.
- <var>Zmienna we wzorze matematycznym lub w programie, a także symbol zastępczy w poleceniu.
Widzisz błąd albo brakuje przykładu? Napisz do nas.