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-koodilla
Käyttämällä Tag
Monta vuotta sitten se oli tavallinen nähdä verkkosivuja, joissa on valmiiksi muotoiltuja tekstiä. Käyttämällä
pre tunniste, jolla voit määrittää sivun osia kirjoittamalla itse, 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-koodia
tag:
Twas brillig ja slithey toves
Oliko juhla ja kyyhky
sisään
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ä. Lainauksen asettaminen a pre samaa tekstiä koskeva merkintä johtaisi tähän näyttöön: Twas brillig ja slithey toves Oliko juhla ja kyyhky sisään Wabe pre tunniste ei enää vain ylläpitä tekstiä ja taukoja tekstille, jonka kirjoitat. 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. Yksi asia, joka pitää mielessä on se, että HTML5: ssä leveysominaisuutta ei enää tueta Julkaisija Jeremy Girard 2/2/17 Fonttien suhteen
HTML5
elementti. HTML 4.01: ssä leveys määritteli rivien sisältämät merkit, mutta tämä on hylätty HTML5: lle ja sen ulkopuolelle.
