Skip to main content

Vysvětlení, jaký předem formátovaný text je v HTML

VĚDOMÍ A OSOBNOST. Od předem mrtvého k věčně Živému. (Smět 2025)

VĚDOMÍ A OSOBNOST. Od předem mrtvého k věčně Živému. (Smět 2025)
Anonim

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í HTML

před štítek.

Za použití
 Štítek 

Před mnoha lety bylo běžné vidět webové stránky s bloky předem formátovaného textu. Za použití

před tag definovat části stránky jako formátované samotným psaním byl rychlý a snadný způsob, jak webových návrhářů 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 použití HTML

 štítek:


Je to jasné a úžasné

Díval se a oblékal se

v

wabe

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. Uvedení nabídky do a

před značka pro stejný text by vedla k tomuto zobrazení:

Je to jasné a úžasné Díval se a oblékal se v wabe

Co se týče písem

The

před tag se více než jen udržuje 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, na kterou je třeba si uvědomit, je to, že v jazyce HTML5 již není atribut "šířka" podporován

 živel. 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