Mi az előformázott szöveg?

Itt van, hogyan kell használni az előformázott szöveges címkét a HTML kódban

Amikor szöveget ad hozzá a weblap HTML kódjához, mondja meg egy bekezdéselemben, akkor kevéssé vezérelheti, hogy a szövegsorok megszakadnak-e, vagy hogy milyen távolságot használnak. Ennek az az oka, hogy a böngésző a szükséges szöveget a megjelenő területen alapul. Ez magában foglalja a reagáló weboldalakat is, amelyek nagyon folyékony elrendezéssel rendelkeznek, amely a képernyő méretének megfelelően változik az oldal megtekintéséhez .

A HTML-szöveg megszakítja a vonalat, ahányszor szükséges, mihelyt elérte a tartalmi területének végét. Végül a böngésző több szerepet játszik abban, hogy a szöveg hogyan szünetel, mint te.

A térköz hozzáadásával egy bizonyos formátum vagy elrendezés létrehozásához a HTML nem ismeri fel a kódhoz hozzáadott térközt, beleértve a szóközt, a fület vagy a kocsi visszatérését. Ha húsz szóközt helyez el egy szó és az azt követő szó között, akkor a böngésző csak egyetlen helyet hoz létre. Ez a fehér tér összeomlásának nevezik, és valójában a HTML egyik fogalma, hogy sokan újakkal küzdenek az iparággal az elején. Úgy vélik, hogy a HTML-fehérek olyan módon működnek, mint egy olyan programban, mint a Microsoft Word, de ez nem az, hogy egyáltalán működik a HTML-üres terület.

A legtöbb esetben a normál szövegkezelés bármely HTML dokumentumban pontosan az Ön számára szükséges, de más esetekben valóban több ellenőrzésre van szükség arra vonatkozóan, hogy pontosan hogyan szétterjed a szöveg, és mikor megszakítja a sorokat.

Ezt előre formázott szövegként ismerik (más szavakkal, a formátumot diktálja). Előre formázott szöveget is hozzáadhat a weboldalakhoz a HTML előtag használatával.

A
 címke használatával 

Sok évvel ezelõtt gyakran használták az előre formázott szövegblokkokat tartalmazó weboldalakat. Az előtag használatával az oldal részeként a gépelés által formázott részek gyorsan és egyszerűen lehetővé tették a webes tervezők számára, hogy a megjelenített szöveget a kívánt módon szeretnék megjeleníteni.

Ez volt a CSS megjelenése előtt az elrendezésnél, amikor a webes tervezők valóban megakadtak, és az asztalok és más, csak HTML-alapú módszerek segítségével kényszerítették az elrendezést. Ez (valami) azért működött vissza, mert az előre formázott szöveg olyan szövegként definiált, amelyben a struktúrát tipográfiai egyezmények határozzák meg, nem pedig a HTML renderelést.

Ma ezt a címkét nem használják annyira, mert a CSS lehetővé teszi számunkra, hogy a vizuális stílusokat sokkal hatékonyabb módon diktáljuk, mint megpróbáljuk a megjelenést a HTML-ben megjelenni, és mivel a webes szabványok a struktúra (HTML) és a stílusok (CSS) egyértelmű szétválasztását követelik meg. Mégis előfordulhat, hogy az előformázott szövegnek van értelme, például olyan levelezési címhez, ahol kényszeríteni szeretné a vonalszakadást, vagy a költészet példáit, ahol a sortörések elengedhetetlenek a tartalom olvasásához és átfogó áramlásához.

Itt van a HTML

 címke egyik módja: 

 Twas brillig and the slithey toves A gyre és a gimble a wabe  

A tipikus HTML összecsukja a dokumentumban lévő fehér területet. Ez azt jelenti, hogy a szövegben használt kocsi visszatérések, szóközök és tabulátor karakterek összecsukódnak egy helyre. Ha a fenti idézetet egy tipikus HTML-címkéhez írta, mint a p (paragraph) címke, akkor egy sornyi szöveget fogsz végezni:

Twas brillig és az elhúzódó csákányok gyereket és gimbledot a wabe-ban

Az előtag a fehér szóköz karaktereket hagyja. Így a sorok, a szóközök és a lapok mindegyike megmarad a böngésző megjelenítésében. Az azonos szövegcímke előtagjainak beillesztése ezzel a kijelzéssel jár:

Twas brillig és az elhúzódó csákányok gyereket és gimbledot a wabe-ban

Fontosságot illetően

Az előcímke többet, mint egyszerűen csak fenntartja a szóközöket és a szöveg törlését. A legtöbb böngészőben egy többrétegű betűtípus van írva. Ezzel a karakterek a szövegben egyenlőek lesznek. Más szóval, a levél annyi helyet foglal el, mint a w betű.

Ha egy másik betűtípust szeretne használni a böngésző megjelenítéséhez használt alapértelmezett monospace helyett, akkor is módosíthatja ezt a stíluslapokkal, és kiválaszthatja bármely más betűtípust, ahová a szöveget megjeleníteni szeretné .

HTML5

Fontos megjegyezni, hogy a HTML5-ben a "width" attribútum már nem támogatott az

 elemhez. A HTML 4.01-ben a szélesség határozta meg a sor által tartalmazott karakterek számát, de ez a HTML5-ös és újabb elemekre esett. 

Szerkesztette Jeremy Girard, 2/2/17