Siin on kuidas HTML-koodis HTML-vormingus eelvormindatud teksti kasutada
Kui lisate veebilehe HTML-koodi teksti, siis öelge lõigu elemendis, et teil pole mõnevõrra kontrolli selle üle, kus need tekstiribad katkestavad või kasutatakse vahekaugusi. Seda seetõttu, et veebibrauser voogab teksti vastavalt vajadusele, mis põhineb sellel sisaldaval alal. See sisaldab reageerivaid veebisaite, millel on väga hõlpsasti paigutatud kujundus, mis muutub vastavalt lehe vaatamiseks kasutatava ekraani suurusele.
HTML-tekst katkestab rea, kus see vajab, kui see on jõudnud selle piirkonna lõppu. Lõpuks mängib brauser suuremat rolli selle kindlaksmääramisel, kuidas tekst katkeb, kui teed.
Teatud vormingu või kujunduse loomiseks vahekauguse lisamisel ei tunne HTML koodile lisatavat vahekaugust, sealhulgas tühikut, vahekaarti või veokütust. Kui paned kakskümmend tühikut ühe sõna ja sellele järgneva sõna vahele, muudab brauser seal ainult ühe tühiku. See on tuntud kui valge ruumi kokkuvarisemine ja see on tegelikult üks HTML-i mõisted, mis alguses tööstuselt võitlevad. Nad ootavad, et HTML-tühimärk töötab sellisel viisil nagu Microsoft Wordis, kuid see ei tähenda seda, kuidas HTML-tühimärk töötab üldse.
Enamikul juhtudel on tavapärane HTML-dokumendi tekst täpselt vajalik, kuid muudel juhtudel võite tegelikult soovida täpsemalt kontrollida, kuidas tekst jääb välja ja kus see katkeb jooni.
See on teada eelvormindatud tekstist (teisisõnu, te dikteerite vormi). HTML-i eelmärgi abil saate oma veebilehtedele lisada eelnevalt vormindatud teksti.
Kasutades Tag
Paljude aastate eest oli varem vormindatud tekstidega veebilehti näha ühine. Teksti sisselülitamisel vormindatud lehe sektsioonide kasutamine on eelkehma abil veebi disainerite jaoks kiire ja lihtne võimalus kuvada tekst, nagu nad seda soovisid.
See oli enne CSS-i ülesehitamist paigutuse jaoks, kui veebidisainerid tõesti kinni püüdsid skemaatiliselt sundida, kasutades tabeleid ja teisi ainult HTML-i meetodeid. See (kinda) töötas tagasi, kuna vormindatud tekst on määratletud kui tekst, milles struktuur on määratletud pigem tüpograafiliste konventsioonide kui HTML-i renderdamise abil.
Täna ei kasutata seda märgendit nii palju, sest CSS võimaldab meil visuaalset stiili dikteerida palju efektiivsemalt kui HTML-i väljanägemise sundimist, kuna veebistandardid sätestavad struktuuri (HTML) ja stiilide selge eraldamise (CSS). Isegi võib esineda juhtumeid, kui vormindatud tekst on mõttekas, nagu näiteks postiaadressil, kus soovite joone katkestusi või luuletõendeid joonistada, kus rea vaheajad on sisu lugemiseks ja üldiseks liikumiseks olulised.
Siin on üks viis kasutada HTML
tag:Twas brillig ja slithey toves Kas põgeneb ja õõnestab wabeTüüpiline HTML kaob dokumendis oleva tühja ruumi. See tähendab, et käesolevas tekstis kasutatud käru tagasitõmbamine, tühikud ja tabeldusmärgid lagunevad ühte ruumi. Kui sisestasite ülaltoodud tsitaadi tüüpiliseks HTML-märgendiks nagu p (lõik) silt, võite jõuda ühe teksti rida nagu see:
Twas brillig ja slithey toves Kas põgeneb ja kummitab wabe
Enne sildi jätab valge ruumi tähemärke nagu on. Nii et rea vaheajad, tühikud ja sakid on kõik selle brauseri selle sisu renderdamisel säilitatud. Sellise teksti kuvamine toob kaasa tsiteeringu eeltekstis sama teksti jaoks:
Twas brillig ja slithey toves Kas põgeneb ja kummitab wabeFondide osas
Enne sildi tagab rohkem kui lihtsalt kirjutatud teksti tühikute ja katkestuste säilitamine. Enamikus brauserites on see kirjutatud üheosasõbralises kirjas. See muudab teksti tähemärgid laiusena võrdsed. Teisisõnu, täht i võtab nii palju ruumi kui täht w.
Kui eelistate kasutada brauseri kuvamiseks mõnda muud tüüpi brauseri asemel mõnda muud fonti , saate seda siiski muuta stiililehtedega ja valida mõne muu fondi, mida soovite teksti muuta .
HTML5
Üks asi, mida meeles pidada, on see, et HTML5-s ei tohiks elemendi
jaoks enam kasutada atribuuti width. HTML 4.01-s on laius määratletud märkide arvu, mida rida sisaldab, kuid see on määratud HTML5-le ja mujal.Redigeeris Jeremy Girard 2. veebruaril 17