Pojasnilo, kaj je vnaprej oblikovano besedilo v HTML-ju

click fraud protection

Ko dodate besedilo v kodo HTML za spletno stran, na primer v elementu odstavka, imate malo ali nič nadzora nad tem, kje se bodo te vrstice besedila lomile ali presledke, ki bodo uporabljeni. To je zato, ker bo spletni brskalnik po potrebi pretočil besedilo glede na območje, ki ga vsebuje. To vključuje odzivna spletna mesta ki bo imel zelo tekočo postavitev, ki se bo spreminjala glede na velikost zaslona se uporablja za ogled strani. Besedilo HTML bo prelomilo vrstico, kjer je treba, ko bo prišlo do konca območja, v katerem je. Na koncu brskalnik igra večjo vlogo pri določanju, kako se besedilo lomi, kot vi.

Kar zadeva dodajanje presledka za ustvarjanje določene oblike ali postavitve, HTML ne prepozna razmika, ki je dodan kodi, vključno s presledki, zavihki ali vrnitvijo nosilca. Če med eno besedo in besedo, ki pride za njo, postavite dvajset presledkov, bo brskalnik tam upodobil samo en presledek. To je znano kot propad praznine in je pravzaprav eden od konceptov HTML, s katerim se sprva spopadajo številni novi v panogi. Pričakujejo, da bodo presledki HTML delovali tako kot v programu, kot je Microsoft Word, vendar presledki HTML sploh ne delujejo.

instagram viewer

V večini primerov je običajno ravnanje z besedilom v katerem koli dokumentu HTML točno tisto, kar potrebujete, v drugih pa V resnici boste morda želeli več nadzora nad tem, kako natančno se razmika besedilo in kje se lomi črte. To je znano kot vnaprej oblikovano besedilo (z drugimi besedami, vi narekujete obliko). S pomočjo HTML lahko na svoje spletne strani dodate vnaprej oblikovano besedilo.

Uporabljati
 Oznaka 

Pred mnogimi leti je bilo običajno videti spletne strani z bloki vnaprej oblikovanega besedila. Uporabljati

 Oznaka za določanje odsekov strani, oblikovane s samim tipkanjem, je bila spletnim oblikovalcem hiter in enostaven način, da besedilo prikažejo, kot so želeli. To je bilo pred vzponom CSS-a za postavitev, ko so se spletni oblikovalci resnično zataknili in poskušali vsiliti postavitev z uporabo tabel in drugih samo HTML-metod. To (nekako) je delovalo nazaj, ker je predoblikovano besedilo definirano kot besedilo, v katerem je struktura definirana s tipografskimi konvencijami in ne z upodabljanjem HTML. 

Danes se ta oznaka ne uporablja toliko, ker nam CSS omogoča, da veliko bolj učinkovito narekujemo vizualne sloge kot poskus za vsiljevanje videza v naš HTML in ker spletni standardi narekujejo jasno ločitev strukture (HTML) in stilov (CSS). Kljub temu lahko obstajajo primeri, ko je vnaprej oblikovano besedilo smiselno, na primer za poštni naslov, kamor želite vsiliti prelomi vrstic ali za primere poezije, kjer so prelomi vrstic bistveni za branje in celoten pretok vsebino.

Tu je en način za uporabo HTML-ja

 oznaka: 

Običajni HTML strne presledek v dokumentu. To pomeni, da bi se vrnitev nosilca, presledki in znaki zavihkov, uporabljeni v tem besedilu, strnili v en presledek. Če ste zgornji citat vtipkali v tipično oznako HTML, kot je oznaka p (odstavek), boste dobili eno vrstico besedila, kot je ta:

Twas brillig in slithey toves so vrteli in gimlirali v wabe.

Predznaka pušča presledke, kakršne so. Tako se pri prikazovanju te vsebine v brskalniku ohranijo prelomi vrstic, presledki in zavihki. Postavitev citata v a

 oznaka za isto besedilo bi povzročila ta prikaz: 
Twas brillig in slithey toves
Naredil gine in gimble
v

wabe

Glede pisav

The

 tag več kot le ohranja presledke in prelome za besedilo, ki ga napišete. V večini brskalnikov je zapisan z enoprostorsko pisavo. Zaradi tega so znaki v besedilu enaki po širini. Z drugimi besedami, črka i zavzame toliko prostora kot črka w. 

Če bi raje uporabili drugo pisavo namesto privzete enoprostorniške, ki jo prikaže brskalnik, lahko to še vedno spremenite z slogovne liste in izberite katero koli drugo pisave želite, da je besedilo upodobljeno.

HTML5

Ne pozabite, da v HTML5 atribut "širina" ni več podprt za

 element. V HTML 4.01 je širina določala število znakov, ki bi jih vsebovala vrstica, vendar je bilo to izpuščeno za HTML5 in novejše. 
instagram story viewer