Co je předem formátovaný text?

Zde je návod, jak v kódu HTML používat značku předem formátované

Když přidáte text do kódu HTML pro webovou stránku, řekněme v odstavci prvku, máte malou až žádnou kontrolu nad tím, kde se tyto řádky textu budou rozbít nebo rozteče, které budou použity. Důvodem je to, že webový prohlížeč podle potřeby prokresluje text podle oblasti, která jej obsahuje. To zahrnuje citlivé webové stránky, které budou mít velmi tekuté rozložení, které se změní na základě velikosti obrazovky, která se používá k zobrazení stránky .

Text HTML rozdělí linku, na kterou potřebuje, jakmile dosáhne konce oblasti, která ji obsahuje. Nakonec prohlížeč hraje spíše roli při určování toho, jak se text rozpadá, než vy.

Co se týče přidání mezery pro vytvoření určitého formátu nebo rozvržení, HTML nerozpozná mezeru, která je přidána k kódu, včetně mezerníku, karty nebo vracení. Pokud umístíte dvacet mezer mezi jedno slovo a slovo, které přichází po něm, prohlížeč vytvoří pouze jediný prostor. Toto je známé jako kolaps bílé plochy a je to vlastně jeden z konceptů HTML, který se nejprve potýká s mnoha novými průmyslovými odvětvími. Očekávají, že mezery HTML budou pracovat tak, jak to dělá v programu, jako je aplikace Microsoft Word, ale to vůbec nefunguje.

Ve většině případů je běžná manipulace s textem v libovolném dokumentu HTML přesně to, co potřebujete, avšak v jiných případech můžete skutečně potřebovat větší kontrolu nad přesně tak, jak textové prostory vyčnívají a kde rozkládají řádky.

Toto je známo jako předem formátovaný text (jinými slovy, diktujete formát). Na webové stránky můžete přidat předformátovaný text pomocí předvýznaku HTML.

Použití značky

Před mnoha lety bylo běžné vidět webové stránky s bloky předem formátovaného textu. Použití pre tagu pro definování částí stránky ve formátu samotného psaní bylo pro webových designérů rychlým a snadným způsobem, jak dostat text, který se má zobrazovat, jak to chtějí.

Toto bylo před nástupem CSS pro rozložení, kdy byli weboví návrháři skutečně uvízli a pokoušeli se vynucení rozložení pomocí tabulek a jiných metod pouze pro HTML. Toto (zpravidla) pracovalo zpět, protože předem formátovaný text je definován jako text, ve kterém je struktura definována spíše typografickými konvencemi než HTML vykreslováním.

Dnes se tato značka nepoužívá tolik, protože CSS nám umožňuje diktovat vizuální styly mnohem efektivněji než snažit se vynutit vzhled do našeho HTML a protože webové standardy diktují jasné oddělení struktury (HTML) a stylů (CSS). Přesto mohou existovat případy, kdy předem naformátovaný text má smysl, jako například poštovní adresa, kde chcete přinutit přerušení řádků nebo příklady poezie, kde jsou řádkové přestávky nezbytné pro čtení a celkový tok obsahu.

Zde je jeden způsob, jak použít značku HTML

: 

 
 Twas brillig a slithey toves Dělal jsem se v obličeji  
 Typický kód HTML sbale bílý prostor v dokumentu. To znamená, že znaky vracení, mezery a tabulátory používané v tomto textu by byly shromážděny do jednoho místa. Pokud jste zadali výše uvedenou citaci do typické značky HTML, jako je značka p (odstavce), skončíte s jedním řádkem textu, například takto: 
 Blízké a rozbité továrny Dělali mi a oblékli se v dívce 
 Přednastavená značka opouští znaky bílé mezery. Takže přerušení řádků, mezery a karty jsou zachovány ve vykreslování tohoto obsahu prohlížečem. Zadání citace uvnitř pre tagu pro stejný text by vedlo k tomuto zobrazení: 
 Blízké a rozbité továrny Dělali mi a oblékli se v dívce 
 Co se týče písem 
 Předběžná značka je víc než jen zachovat mezery a přestávky pro psaný text. Ve většině prohlížečů je napsán v monospace. To znamená, že znaky v textu mají všechny stejné šířky. Jinými slovy, písmeno i zabírá tolik prostoru jako písmeno w. 
 Pokud byste raději používali jiné písmo namísto výchozího monospace, které prohlížeč zobrazuje, můžete ho stále změnit ve stylových hárcích a vybrat libovolné jiné písmo, které chcete, aby byl text vykreslen . 
 HTML5 
 Jedna věc, kterou je třeba si uvědomit, je, že v HTML5 není prvek 
 již podporován atribut "šířka". V šabloně HTML 4.01 udává šířka počet znaků, které by obsahoval řádek, ale toto bylo zrušeno pro HTML5 a další. 

 Upravil Jeremy Girard ze 2/2/17