Wat is voorafformateerde teks?

Hier is hoe om die pre-geformatteerde teks-tag in jou HTML-kode te gebruik

As jy teks by die HTML-kode vir 'n webblad voeg, sê jy in 'n paragraafelement, jy het min of geen beheer oor waar die teksreëls sal breek of die spasiëring wat gebruik gaan word nie. Dit is omdat die webblaaier die teks sal vloei soos benodig, gebaseer op die area wat dit bevat. Dit sluit in reageer webwerwe wat 'n baie vloeibare uitleg sal hê wat verander op grond van die grootte van die skerm wat gebruik word om die bladsy te besigtig .

HTML-teks sal 'n lyn breek waar dit nodig is sodra dit aan die einde van die inhoudsgebied bereik het. Op die ou end speel die blaaier meer van 'n rol om te bepaal hoe die teks breek as wat jy doen.

Met betrekking tot die byvoeging van spasiëring om 'n sekere formaat of uitleg te skep, herken HTML nie die spasiëring wat by kode gevoeg word nie, insluitend spasiebalk, oortjie of karretjie opbrengste. As jy twintig spasies tussen een woord en die woord wat daarop volg, sal die leser slegs een enkele spasie daar maak. Dit staan ​​bekend as wit ruimtetjie-ineenstorting en dit is eintlik een van die konsepte van HTML waarmee baie nuwe aan die bedryf sukkel. Hulle verwag dat HTML-witruimte die manier waarop dit in 'n program soos Microsoft Word werk, sal werk, maar dit is nie hoe HTML-witruimte werk nie.

In die meeste gevalle is die normale hantering van teks in enige HTML-dokument presies wat jy nodig het, maar in ander gevalle kan jy eintlik meer beheer hê oor presies hoe die teks uitstryk en waar dit lyne breek.

Dit is bekend as voorafgemaakte teks (met ander woorde, jy dikteer die formaat). U kan vooraf-geformatteerde teks by u webblaaie voeg deur die HTML-voorletter te gebruik.

Gebruik die

 Tag 

Baie jare gelede was dit algemeen om webblaaie te sien met blokke van voorafformateerde teks. Die gebruik van die pre-tag om gedeeltes van die bladsy te definieer soos geformateer deur die tik self was 'n vinnige en maklike manier vir webontwerpers om die teks te laat vertoon soos hulle dit wou hê.

Dit was voor die opkoms van CSS vir uitleg, toe webontwerpers regtig vasgekom het om die uitleg te dwing deur tabelle en ander HTML-net-metodes te gebruik. Hierdie (kinda) werk terug omdat vooraf gedefinieerde teks gedefinieer word as teks waarin die struktuur gedefinieer word deur tipografiese konvensies eerder as deur die HTML-weergawe.

Vandag word hierdie kode nie so veel gebruik nie omdat CSS ons in staat stel om visuele style op 'n baie meer doeltreffende manier te dikteer as om voorkoms in ons HTML te dwing en omdat webstandaarde 'n duidelike skeiding van struktuur (HTML) en style (CSS) dikteer. Tog is daar gevalle waar voorafformateerde teks sin maak, soos vir 'n posadres waar u die lynstrokies wil dwing of vir voorbeelde van gedigte waar lynbreuke noodsaaklik is vir die lees en algehele vloei van die inhoud.

Hier is een manier om die HTML

 -tag te gebruik: 

 
 Twis brillig en die slithey toves Het gyre en gimble in die wabe  
 Tipiese HTML val die wit spasie in die dokument in. Dit beteken dat die karretjie opbrengste, spasies en oortjie karakters wat in hierdie teks gebruik word, almal in een ruimte ingevou word. As jy die bogenoemde kwotasie getik het in 'n tipiese HTML-tag soos die p (paragraaf) -tag, sal jy met een reël teks soos volg eindig: 
 Twas brillig en die slithey toves Het gyre en gimble in die wabe 
 Die voorletter laat die wit spasie karakters soos dit is. Dus word lynbreuke, spasies en oortjies gehandhaaf in die leser se weergawe van die inhoud. Deur die aanhaling in 'n voorletter vir dieselfde teks te plaas, sal hierdie vertoning tot gevolg hê: 
 Twas brillig en die slithey toves Het gyre en gimble in die wabe 
 Met betrekking tot lettertipes 
 Die voorletter doen meer as net die spasies en breek vir die teks wat jy skryf. In die meeste blaaiers word dit in 'n monospace-font geskryf. Dit maak die karakters in die teks almal gelyk in breedte. Met ander woorde, die brief neem ek soveel spasie op as die letter w. 
 As u verkies om 'n ander font te gebruik in plaas van die standaard monospace een wat die leser vertoon, kan u dit steeds verander met stylvelle en kies enige ander lettertipe waarvoor u die teks wil vertoon . 
 HTML5 
 Een ding om in gedagte te hou, is dat die kenmerk "breedte" in HTML5 nie meer vir die 
 element ondersteun word nie. In HTML 4.01 het die wydte die aantal karakters wat 'n lyn bevat, gespesifiseer, maar dit is vir HTML5 en verder laat val. 

 Geredigeer deur Jeremy Girard op 2/2/17