Seletus selle kohta, mis on eelvormindatud tekst HTML-is

click fraud protection

Kui lisate teksti veebilehe HTML-koodi, ütleme näiteks lõiguelemendis, pole teil suurt midagi kontrolli selle üle, kus need tekstiread purunevad või millist tühikut kasutatakse. Selle põhjuseks on asjaolu, et veebibrauser liigutab teksti vastavalt vajadusele selle piirkonna järgi. See sisaldab tundlikud veebisaidid mis on väga sujuva paigutusega, mis muutub ekraani suurus kasutatakse lehe vaatamiseks. HTML-tekst katkestab rea, kus ta peab, kui see on jõudnud oma sisaldava ala lõppu. Lõppkokkuvõttes mängib brauser teksti purunemise määramisel rohkem rolli kui teie.

Tühiku lisamise osas teatud vormingu või paigutuse loomiseks ei tunnusta HTML koodile lisatud tühikuid, sealhulgas tühikuklahvi, tabulaatori või käru tagasipöördumisi. Kui panete ühe sõna ja sellele järgneva sõna vahele kakskümmend tühikut, renderdab brauser seal ainult ühe tühiku. Seda tuntakse tühimike kokkuvarisemisena ja see on tegelikult üks HTML-i mõisteid, millega paljud selles valdkonnas algselt võitlevad. Nad eeldavad, et HTML-tühimik töötab nii, nagu see toimib sellises programmis nagu Microsoft Word, kuid nii ei tööta HTML-tühimik üldse.

instagram viewer

Enamasti on mis tahes HTML-dokumendis tavaline teksti käsitsemine just see, mida vajate, kuid teistes Näiteks võite soovida rohkem kontrolli selle üle, kuidas tekst täpselt välja paistab ja kus see puruneb read. Seda nimetatakse eelvormindatud tekstiks (teisisõnu, teie dikteerite vormingu). HTML-i abil saate oma veebilehtedele eelvormindatud teksti lisada.

Kasutades
 Silt 

Mitu aastat tagasi oli tavaliselt tavaline näha veebivorme, millel olid eelnevalt vormindatud teksti plokid. Kasutades

 silt lehe jaotiste määratlemiseks nii, et need oleksid vormindatud kirjutamise teel, oli veebidisainerite jaoks kiire ja lihtne viis teksti kuvamiseks nii, nagu nad seda soovisid. See toimus enne CSS-i tõusu paigutuse jaoks, kui veebidisainerid olid tõepoolest ummikus, püüdes paigutust sundida tabelite ja muude ainult HTML-i meetodite abil. See (kinda) toimis tagasi, kuna eelvormindatud tekst on määratletud tekstina, milles struktuur on määratletud tüpograafiliste kokkulepete, mitte HTML-renderduse abil. 

Täna ei kasutata seda silti nii palju, sest CSS võimaldab meil visuaalseid stiile dikteerida palju tõhusamal viisil kui proovimine sundida meie HTML-i ilmuma ja kuna veebistandardid dikteerivad struktuuri (HTML) ja stiilide selge eraldamise (CSS). Siiski võib juhtuda, et eelnevalt vormindatud tekstil on mõtet, näiteks postiaadressi puhul, kuhu soovite sundida reavahetused või luule näited, kus reavahetused on üliolulised lugemise ja üldise voolu jaoks sisu.

Siin on üks viis HTML-i kasutamiseks

 silt: 

Tüüpiline HTML ahendab dokumendis oleva tühja ruumi. See tähendab, et selles tekstis kasutatud käru tagasipöördumised, tühikud ja tabulaatori märgid ahendatakse ühte ruumi. Kui tippite ülaltoodud tsitaadi tüüpilisse HTML-märgendisse, nagu p (paragrahvi) silt, jõuaksite ühe tekstireani:

Twas brillig ja libedad varbad tegid vürtsikõmmi ja lõksusid.

Eelmärgis jätab tühimärgid nii, nagu need on. Seega säilitatakse selle sisu brauseri renderdamisel reavahed, tühikud ja vahelehed. Hinnapakkumise sisestamine a

 sama teksti märgend tooks selle kuvamise: 
Twas brillig ja libedad varbad
Kas gyre ja gimble
aastal

wabe

Fondide kohta

The

 silt teeb midagi enamat kui lihtsalt kirjutatava teksti tühikute ja katkestuste säilitamine. Enamikus brauserites on see kirjutatud monospace-fondiga. See muudab teksti tähemärgid kõik võrdse laiusega. Teisisõnu, täht i võtab sama palju ruumi kui täht w. 

Kui eelistate brauseris kuvatava vaikimisi ühe ruumi asemel mõnda muud fondi kasutada, saate seda siiski muuta stiililehed ja valige mõni muu font soovite teksti renderdada.

HTML5

Üks asi, mida tuleb arvestada, on see, et HTML5-s ei toetata atribuuti "width" enam

 element. HTML 4.01-s määras laius tähemärkide arvu, mida rida sisaldaks, kuid HTML5-le ja muule on see loobutud. 
instagram story viewer