Mikä on esimuotoiltu teksti?

Tässä on tapana käyttää HTML-koodissa esiformoitua tekstiä

Kun lisäät tekstiä Web-sivun HTML-koodiin, sanokaa kappale-elementissä, sinulla ei juuri ole mitään valtaa, mihin rasti tekstin riveistä tai käytettävän välimatkan päässä on. Tämä johtuu siitä, että web-selain kulkee tekstin mukaan sen mukaan, millä alueella se sisältää. Tämä sisältää reagoivien verkkosivustojen, joilla on erittäin fluidiasettelu, joka muuttuu sivun katselunäytön koon perusteella.

HTML-teksti rikkoo rivin, jossa se tarvitsee, kun se on saavuttanut sen sisältämän alueen loppuun. Lopussa selaimella on enemmän rooli määritettäessä, miten teksti hajoaa kuin sinä.

Lisäämällä välilyöntiä tietyn muodon tai ulkoasun luomiseen, HTML ei tunnista koodiin lisättävää välinettä, kuten välilyöntinäppäintä, välilehteä tai matkan palautusta. Jos laitat kaksikymmentä välilyöntiä yhden sanan ja siihen tulevan sanan välillä, selain tekee vain yhden yksittäisen tilan. Tätä kutsutaan valkoisen tilan romahdukseksi, ja se on itse asiassa yksi HTML-käsitteistä, että monet aloittelevat alalle ensin. He odottavat, että HTML-välilyönti toimii samalla tavalla kuin Microsoft Word -ohjelmassa, mutta HTML-tyhjätila ei toimi lainkaan.

Useimmissa tapauksissa tekstin tavallinen käsittely kaikissa HTML-asiakirjoissa on juuri sitä, mitä tarvitset, mutta muissa tapauksissa saatat itse asiassa tarvita parempaa valvontaa tarkasti siitä, miten teksti ulottuu ja missä se rikkoo viivoja.

Tämä on tiedossa esimuotoiltuna tekstinä (toisin sanoen sanoit muodon). Voit lisätä esileimatun tekstin verkkosivuihisi HTML-esimerkillä.

Käyttämällä

 -tunnistetta 

Monta vuotta sitten se oli tavallinen nähdä verkkosivuja, joissa on valmiiksi muotoiltuja tekstiä. Etikettien avulla sivun osioiden määrittäminen sellaiseksi, kuin itse kirjoittaminen on muotoiltu, oli nopea ja helppo tapa web-suunnittelijoille saada teksti näyttämään halutessaan.

Tämä oli ennen CSS: n nousua asettelua varten, kun web-suunnittelijat olivat todella jumissa yrittäessään pakottaa asettelua taulukoiden ja muiden HTML-menetelmien avulla. Tämä (kinda) toimi takaisin, koska esimuotoiltu teksti on määritelty tekstiksi, jossa rakenne määritellään typografisilla konventioilla eikä HTML-mallinnuksella.

Nykyään tätä tunnistetta ei käytetä yhtä paljon, koska CSS antaa meille mahdollisuuden kuvata visuaalisia tyylejä paljon tehokkaammin kuin yrittää pakottaa ulkonäkö HTML-muotoon ja koska Web-standardit sanovat selkeän rakenteen (HTML) ja tyylit (CSS) erottamisen. Vielä voi kuitenkin olla tapauksia, joissa esimuotoiltu teksti on järkevää, kuten postitusosoitteen kohdalle, jossa haluat pakottaa riviä tai esimerkkejä runoudesta, jossa rivi taukot ovat olennaisia ​​sisällön lukemiseen ja kokonaisvirtaukseen.

Tässä on yksi tapa käyttää HTML

 -tunnistetta: 

 
 Twas brillig ja slithey toves Juoksu ja gimble wabe  
 Tyypillinen HTML romahtaa asiakirjan valkoisen tilan. Tämä tarkoittaa, että tässä tekstissä käytetyt vaunun palautukset, välilyönnit ja välilehdet romahtavat yhteen tilaan. Jos olet kirjoittanut yllä olevan lainauksen tyypilliseen HTML-tunnisteeseen, kuten p (paragraph) -tunnisteeseen, pääset yhteen tekstiriviin, kuten: 
 Twas brillig ja slithey toves Juoksu ja kyyhkyset wabessa 
 Esikoodi jättää valkoiset tila -merkit sellaisenaan. Joten rivinvaihtoja, välilyöntejä ja välilehtiä säilytetään selaimen kyseisessä sisällössä. Saman tekstin esimerkin sisältävän lainauksen tekeminen johtaisi tähän näyttöön: 
 Twas brillig ja slithey toves Juoksu ja kyyhkyset wabessa 
 Fonttien suhteen 
 Ennakkotunniste tekee enemmän kuin vain ylläpitää välilyöntejä ja taukoja tekstin kirjoittamiselle. Useimmissa selaimissa se on kirjoitettu monospace fontti. Tällöin tekstin merkit ovat yhtä leveät. Toisin sanoen kirjain i vie niin paljon tilaa kuin kirjain w. 
 Jos haluat käyttää toisen fontin sijasta oletussivuston, jota selaimen näyttöön tulee, voit silti muuttaa tätä tyyliarkkien kanssa ja valita minkä tahansa fontin, jonka haluat tekstin näyttävän . 
 HTML5 
 Yksi asia, johon on syytä muistaa, on se, että HTML5: ssä "width" -ominaisuutta ei enää tueta 
 -elementtiin. HTML 4.01: ssä leveys määritteli rivien sisältämät merkit, mutta tämä on hylätty HTML5: lle ja sen ulkopuolelle. 

 Julkaisija Jeremy Girard 2/2/17