Kaj je prednastavljeno besedilo?

Kako uporabite oznako za predobdelavo besedila v HTML kodi

Ko dodate besedilo v kodo HTML za spletno stran, recite v elementu odstavka, imate malo brez nadzora nad tem, kje bodo te vrstice besedila prekinile ali razmikom, ki se bo uporabljalo. To je zato, ker spletni brskalnik teče besedilo po potrebi na podlagi območja, ki ga vsebuje. To vključuje odzivne spletne strani, ki bodo imele zelo tekočino, ki se spreminja glede na velikost zaslona, ​​ki se uporablja za ogled strani .

Besedilo HTML bo prekinilo črto, kjer jo potrebuje, ko doseže konec območja, ki ga vsebuje. Na koncu, brskalnik igra večjo vlogo pri določanju, kako se besedilo zlomi kot vi.

V smislu dodajanja razmika za ustvarjanje določene oblike ali postavitve HTML ne prepozna razmika, ki se doda k kodi, vključno s presledki, zavihki ali prevozi. Če daste dvajset presledkov med eno besedo in besedo, ki pride po njej, bo brskalnik prikazal samo en sam prostor. To je znano kot zlom vesoljskega prostora in je pravzaprav eden od konceptov HTML, s katerim se najprej lotijo ​​nove industrije. Pričakujejo, da HTML presledki delujejo tako, kot to počne v programu, kot je Microsoft Word, vendar to sploh ni, kako deluje spletna površina HTML.

V večini primerov je običajni način obdelave besedila v vsakem dokumentu HTML točno tisto, kar potrebujete, v drugih primerih pa boste morda dejansko želeli več nadzora nad tem, kako se besedilni prostori in kje razbijejo vrstice.

To je znano kot vnaprej oblikovano besedilo (z drugimi besedami, narekujete format). Prednastavljeno besedilo lahko dodate na svoje spletne strani z oznako HTML pre.

Uporaba oznake

Pred mnogimi leti je bilo običajno videti spletne strani z bloki vnaprej oblikovanega besedila. Uporaba pred oznako za določitev delov strani, ki so bile oblikovane s samim tipkanjem, je bilo hitro in enostavno, da so spletni oblikovalci dobili besedilo, ki ga je bilo treba prikazati, kot bi želeli.

To je bilo pred dvignitvijo CSS-a za postavitev, ko so bili spletni oblikovalci zaskrbljeni, ko so poskušali postaviti postavitev z uporabo tabel in drugih metod, ki uporabljajo samo HTML. To (nekako) je delovalo, ker je vnaprej oblikovano besedilo opredeljeno kot besedilo, v katerem je struktura opredeljena s tipografskimi konvencijami in ne z HTML-upodabljanjem.

Danes se ta oznaka ne uporablja toliko, ker CSS nam omogoča, da diktirate vizualne sloge na veliko bolj učinkovit način, kot pa poskušamo prisiliti videz v naš HTML in ker spletni standardi narekujejo jasno ločitev strukture (HTML) in slogov (CSS). Kljub temu obstajajo primeri, ko je bilo vnaprej oblikovano besedilo smiselno, na primer za poštni naslov, kjer želite odreči prelomne črte ali primere poezije, kjer so prelomi vrstic bistveni za branje in celoten pretok vsebine.

Tu lahko uporabite oznako HTML

: 

 
 Twas brillig in slithey toves Ali gyre in gimble v wabe  
 Tipični HTML zruši prazen prostor v dokumentu. To pomeni, da se bodo vračila vozlišč, presledkov in znakov, ki se uporabljajo v tem besedilu, zrušila na en prostor. Če ste vnesli zgornjo ponudbo v tipično oznako HTML, kot je oznaka p (odstavek), boste na koncu dobili eno vrstico besedila, na primer: 
 Twas brillig in slithey toves Ali se gyre in gimble v wabe 
 Predna oznaka prepušča prazne znake, kot je. Torej so linijski prelomi, presledki in zavihki ohranjeni v pregledu brskalnika te vsebine. Če bi postavili citat v prednastavljeno oznako za to isto besedilo, se bo ta prikazal: 
 Twas brillig in slithey toves Ali se gyre in gimble v wabe 
 Glede pisav 
 Predna oznaka več kot le ohranja presledke in prelomi za besedilo, ki ga pišete. V večini brskalnikov je napisan v monospace pisavi. Zaradi tega so znaki v besedilu enaki v širini. Z drugimi besedami, črka i zajema toliko prostora kot črka w. 
 Če bi raje uporabili drugo pisavo namesto privzete monospace, ki jo je prikazal brskalnik, ga lahko še vedno spremenite s slogovnimi listi in izberete katero koli drugo pisavo, v kateri želite, da se besedilo prikaže . 
 HTML5 
 Ena stvar, ki jo je treba upoštevati, je, da v HTML5 atribut »širina« ni več podprt za element 
. V HTML 4.01 je širina določila število znakov, ki bi jih vrstica vsebovala, vendar je bilo to opozorilo za HTML5 in več. 

 Uredil Jeremy Girard dne 2/2/17