Element HTML pre reprezentuje tekst na stronie internetowej w dokładnie takiej formie, w jakiej został wpisany w jej kodzie źródłowym, tzn. z zachowaniem białych znaków, takich jak spacje, przejścia do nowego wiersza, tabulatory itp.
Domyślnie treść tego elementu przeglądarki prezentują za pomocą czcionki o stałej szerokości znaków i nie zawijają wierszy.
Element pre może być używany w przypadkach, w których potrzebne jest zachowanie oryginalnej struktury tekstu, np.:
- Prezentacja przykładów kodu źródłowego, w którym ważne jest zachowanie wcięć i innych elementów struktury. W takim przypadku powinno się go stosować w połączeniu z elementem code.
- Prezentacja tzw. sztuki ASCII, czyli „grafik” tworzonych przy użyciu znaków z zestawu ASCII.
- Prezentacja nietypowych form tekstowych, np. wierszy o określonym „kształcie” tekstu.
Przykład użycia elementu HTML pre
<pre><code>
int main()
{
string x;
int y;
bool z; // Bardzo ważna zmienna
return 0;
}
</code></pre>Specyfikacja
| Modele treści HTML5 | Treść ogólna, treść wyczuwalna |
|---|---|
| Elementy nadrzędne | Wszystkie elementy, w których można używać elementów treści ogólnej |
| Elementy potomne | Elementy syntagmatyczne |
| Znaczniki | Znaczniki otwierający i zamykający są obowiązkowe |
| Interfejs DOM | HTMLPreElement |
Atrybuty obowiązkowe
Element HTML pre nie ma atrybutów obowiązkowych.
Atrybuty opcjonalne
Element pre obsługuje atrybuty globalne i atrybuty zdarzeniowe.