Hvað er fyrirfram sniðið texta?

Hér er hvernig á að nota sniðið fyrir forsniðið texta í HTML kóða þínum

Þegar þú bætir texta við HTML kóða fyrir vefsíðu, segðu í þáttaratriði, þá hefur þú litla eða enga stjórn á því hvar þessi textalínur munu brjóta eða bilið sem verður notað. Þetta er vegna þess að vafrinn flæði textann eftir þörfum byggt á því svæði sem inniheldur það. Þetta felur í sér móttækilegar vefsíður sem munu hafa mjög vökvaútlit sem breytist miðað við stærð skjásins sem notaður er til að skoða síðuna .

HTML texta mun brjóta línu þar sem það þarf að þegar það hefur náð lokum innihaldssvæðis þess. Að lokum spilar vafrinn meira hlutverk í því að ákvarða hvernig textinn brýtur en þú gerir.

Hvað varðar að bæta bili til að búa til tiltekið sniði eða útlit, viðurkennir HTML ekki bilið sem er bætt við kóða, þar með talið geiminn, flipann eða flutningsávöxtun. Ef þú setur tuttugu rými á milli eitt orð og orðið sem kemur eftir það, þá mun vafrinn aðeins gera eitt rými þar. Þetta er þekkt sem hvítt rými hrun og það er í raun eitt af hugtökum HTML sem margir nýjar í greininni berjast við í fyrstu. Þeir búast við því að HTML hvíldarsvæði sé eins og það gerist í forriti eins og Microsoft Word, en það virkar ekki eins og HTML whitespace virkar.

Í flestum tilvikum er eðlilegt meðhöndlun texta í hvaða HTML skjali nákvæmlega það sem þú þarft, en í öðrum tilvikum getur þú í raun viljað hafa meiri stjórn á nákvæmlega hvernig textinn rennur út og þar sem það brýtur línur.

Þetta er þekktur sem fyrirfram skilgreindur texti (með öðrum orðum ræður þú sniðið). Þú getur bætt fyrirfram sniðnum texta við vefsíður þínar með HTML pre merkinu.

Notaðu

 Tag 

Fyrir mörgum árum virtist það vera algengt að sjá vefsíður með blokkum af fyrirfram sniðum texta. Notkun formerkisins til að skilgreina hluta af síðunni sem sniðin með því að slá inn var fljótleg og auðveld leið fyrir vefhönnuðir til að fá textann til að sýna eins og þeir vildu það.

Þetta var áður en CSS hækkaði um skipulag, þegar vefhönnuðir voru í raun fastur að reyna að knýja skipulag með því að nota töflur og aðrar HTML-aðeins aðferðir. Þetta (nokkuð) vann til baka vegna þess að fyrirfram skilgreind texti er skilgreindur sem texti þar sem uppbyggingin er skilgreind með typographic samningum frekar en með HTML flutningi.

Í dag er þetta merki ekki notað eins mikið vegna þess að CSS gerir okkur kleift að ræna sjónrænum stílum á mun skilvirkan hátt en að reyna að þvinga útliti inn í HTML okkar og vegna þess að vefur staðlar ræður skýrt aðskilnað uppbyggingar (HTML) og stíll (CSS). Enn eru til staðar þar sem textinn er tilbúinn fyrirfram, eins og fyrir póstfang þar sem þú vilt þvinga línuskilin eða dæmi um ljóð þar sem línuskil eru nauðsynleg fyrir lestur og heildarflæði efnisins.

Hér er ein leið til að nota HTML

 merkið: 

 
 Twas brillig og slithey toves Fékk gyre og gimble in the wabe  
 Dæmigert HTML hrynur hvítt bil í skjalinu. Þetta þýðir að flutningur véla, rýma og flipa stafi sem notuð eru í þessum texta myndu öll hrynja í eitt rými. Ef þú skrifaðir ofangreint tilvitnun inn í dæmigerð HTML tag eins og p (málsgrein) merkið myndi þú endar með einni línu texta, svo sem: 
 Twas brillig og slithey toves Did gyre og gimble í Wabe 
 Formerkið skilur hvíta stafina eins og er. Svo eru línuskil, rými og flipar haldið í flutningi vafrans af því efni. Ef þú setur tilvitnunina í formerki fyrir sama texta myndi þetta koma fram: 
 Twas brillig og slithey toves Did gyre og gimble í Wabe 
 Varðandi leturgerðir 
 Formerkið gerir meira en bara viðhalda rýmum og brýtur fyrir textann sem þú skrifar. Í flestum vöfrum er það skrifað í monospace leturgerð. Þetta gerir stafirnar í textanum jafnir á breidd. Með öðrum orðum tekur bréfið ég upp eins mikið pláss og bréfið w. 
 Ef þú vilt frekar nota aðra letur í staðinn fyrir sjálfgefin monospace einn sem birtist í vafranum geturðu samt breytt þessu með stílblöðum og valið annað letur sem þú vilt að textinn sé að gefa inn . 
 HTML5 
 Eitt sem þarf að hafa í huga er að, í HTML5, er "úthlutun" eiginleiki ekki lengur studd fyrir 
 þáttinn. Í HTML 4.01 var breiddin tilgreind fjölda stafa sem lína myndi innihalda en þetta hefur verið sleppt fyrir HTML5 og víðar. 

 Breytt af Jeremy Girard á 2/2/17