Element pre

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 HTML5Treść ogólna, treść wyczuwalna
Elementy nadrzędneWszystkie elementy, w których można używać elementów treści ogólnej
Elementy potomneElementy syntagmatyczne
ZnacznikiZnaczniki otwierający i zamykający są obowiązkowe
Interfejs DOMHTMLPreElement

Atrybuty obowiązkowe

Element HTML pre nie ma atrybutów obowiązkowych.

Atrybuty opcjonalne

Element pre obsługuje atrybuty globalne i atrybuty zdarzeniowe.

Podobał Ci się ten artykuł?

Oceń go!

Średnia 0 / 5. Liczba głosów: 0

Jeszcze nikt nie głosował. Wyprzedź innych i zagłosuj.

Skoro spodobał Ci się ten artykuł...

Poleć go znajomym!

Ojej :( Powiedz nam, co powinniśmy poprawić!

Jajko z dzwonkiem
Podoba Ci się ta strona?

Pomóż nam się rozwijać, wykupując płatne konto. Dzięki temu będziemy mogli tworzyć dla Ciebie jeszcze więcej ciekawych treści, a Ty pozbędziesz się reklam.

Dodaj komentarz

19 + dziewiętnaście =