Znacznik <pre> w HTML

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Znacznik <pre> w HTML

Znacznik <pre> służy do prezentowania tekstu w postaci preformatowanej, czyli z zachowaniem spacji, tabulatorów i znaków nowej linii dokładnie tak, jak zapisano je w kodzie HTML.

Domyślnie przeglądarki wyświetlają zawartość elementu <pre> czcionką o stałej szerokości znaków (monospace), np. podobną do Consolas, Courier New lub monospace. Oznacza to, że każda litera i znak zajmują tyle samo miejsca w poziomie.

Do czego używa się <pre>?

Najczęstsze zastosowania:
- prezentacja fragmentów kodu źródłowego,
- pokazanie tekstu, w którym ważne są odstępy,
- zapis prostych schematów tekstowych ASCII,
- wyświetlanie danych w układzie kolumnowym bez tabeli.

Przykład

<pre>
Imię      Wynik
Anna      95
Jan       88
Piotr     91
</pre>

W zwykłym akapicie HTML wiele spacji zostałoby zredukowanych do jednej. W elemencie <pre> odstępy i przejścia do nowej linii zostaną zachowane.

<pre> a kod programu

Do oznaczania kodu często łączy się <pre> z elementem <code>:

<pre><code>
function suma(a, b) {
  return a + b;
}
</code></pre>

<pre> odpowiada wtedy za zachowanie formatowania, a <code> informuje semantycznie, że treść jest kodem programu.

Ważne na egzaminie

Znacznik <pre> nie służy do przekreślania tekstu ani do wstawiania wielokropka. Jego charakterystyczną cechą jest prezentacja treści w układzie preformatowanym, zwykle czcionką o stałej szerokości.