Wat is foarfoarmige tekst?

Hjir kinne jo it pre-formattearre tekst-tag brûke yn jo HTML-koade

As jo ​​tekst yn 'e HTML-koade tafoegje foar in webside, sis jo yn in paragraaf elemint, jo hawwe net folle kontrolearje oer wêr't dizze tekstlinen brekke of de ôfstân dy brûkt wurdt. Dit is om't de webblêder de tekst fljocht as nedich basearret basearre op it gebiet dat it befettet. Dit befettet reageare websiden dy't in tige floeibere layout hawwe dat feroaret op basis fan de grutte fan it skerm dat brûkt wurdt om dizze side te besjen .

HTML-tekst sil in rigel brek meitsje wêr't it ien kear needsaaklik is oan it ein fan it bewarre gebiet. Op it lêst spilet de browser mear fan in rol by it bepalen fan hoe't de tekst brekt as jo dogge.

As it tafoegjen fan ôfstân om in bepaald formaat of layout te meitsjen, erkennt HTML net de ôfstân dy 't ta koade taheakke wurdt, wêrûnder spaasjebar, ljepblêd, of wagens werom. As jo ​​tweintich plakken sette tusken ien wurd en it wurd dat der nei komt, sil de browser dêr mar ien inkele romte jaan. Dit is bekend as wite romte yn 'e romte en it is eins ien fan' e begripen fan HTML dat in protte nij nei de yndustriële konkurrearje mei op it earste. Se ferwachtsje dat HTML-webspace wurket op 'e manier wêr't it yn in programma lykas Microsoft Word wurket, mar dat is net hoe't it HTML-webside wurket.

Yn 'e measte gefallen is it gewoane hanneljen fan tekst yn elke HTML dokumint krekt wat jo nedich binne, mar yn oare gefallen kinne jo wierste mear kontrôle oer krekt hoe't de tekst plommen wurdt en wêr't it linen brekt.

Dit is witten as prefoarmige tekst (yn oare wurden, docht jo it formaat). Jo kinne foarkommende tekst taheakke oan jo websiden oanmeitsje mei it HTML-pre tag.

Mei de
 Tag 

In protte jierren lyn waard it geweldich om websiden te besjen mei blokjes fan pre-formattearre tekst. It gebrûk fan de foarsjenning om dielen fan 'e side te formulearjen as formaat troch de typing sels wie in flugge en maklike manier foar web-ûntwerpers om de tekst te sjen as se it winskje woe.

Dit wie foardat de opkomst fan CSS foar layout wie, wylst webûntwerpers echt stuit besochten om de layout te dragen troch tabellen en oare HTML-metoaden te brûken. Dit (kinda) wurke werom, om't pre-formattearre tekst as tekst definiearre is wêryn't de struktuer bepaald wurdt troch typografyske konvenanten as by de HTML-rendering.

Tsjintwurdich wurdt dizze tag net safolle brûkt om't CSS ús kin meitsje om optreden yn ús HTML folle better effisjinter te meitsjen as jo wolle dat jo webstekers in dúdlike skieding fan struktuer (HTML) en styl (CSS) diktearje. Dochs kinne der eksemplaren foar foarmen formulearre tekst sin wêze, lykas in adres adres wêr't jo de line brekken wolle of foar foarbylden fan poëzij dêr't linebreuken essensjele binne foar it lêzen en oerflak fan de ynhâld.

Hjir is ien manier om it HTML

 tag te brûken: 

 Twas brilich en de slithey toets hat guys en gimmels yn 'e wabe  

Typyske HTML ferrommet de wite romte yn it dokumint. Dit betsjut dat de wize weromkommt, romten en ljepperkeuren dy 't yn dizze tekst brûkt wurde, allegearre yn ien romte ynfalle. As jo ​​de hjirboppe oanbiede yn in typysk HTML-tag as de p (paragraaf) tag hawwe, soene jo mei ien line fan tekst komme, lykas dit:

Twas brilich en de slitheven Tûrre en gimmels yn 'e wabe

It foarôfwerp lit de wite romte-karakters lykas is. Sa rinne lineen, romten en ljepblêden yn 'e blêder fan dizze ynhâld ynhâlde. It ynstellen fan in quote yn in pre tag foar deselde tekst soe taheakke wurde:

Twas brilich en de slitheven Tûrre en gimmels yn 'e wabe

Oangeande lettertypen

De pre tag makket mear as just de romten bewarje en brekt foar de tekst dy't jo skriuwe. Yn de measte browsers wurdt it skreaun yn in monospace-lettertype. Dit makket de tekens yn 'e tekst allegear yn' e breed. Mei oare wurden, de brief nimt ik safolle romte as de letter w.

As jo ​​it foarkommen fan in oare lettertype ynstelle fan 'e standert monospace brûke, dy' t de blêder sjen lit, dan kinne jo dit noch wizigje mei stylblêden en selektearje elke oare lettertype dat jo wolle de tekst ynjaan .

HTML5

Ien ding om te bewust te wêzen is dat, yn HTML5, it attribút 'breed' net mear stipe wurdt foar it

 elemint. Yn HTML 4.01 hat de breedte it oantal tekens oanjûn dat in rigel befettet, mar dit is falt foar HTML5 en fierder. 

Edited by Jeremy Girard on 2/2/17