Skip to main content

Paaiškinimas, koks iš anksto suformatuotas tekstas yra HTML

Anonim

Kai pridedate tekstą į tinklalapio HTML kodą, pasakykite elemento dalyje, jūs mažai negali kontroliuoti, kur bus nutrūko tos teksto eilutės, ar tarpus, kurie bus naudojami. Taip yra todėl, kad žiniatinklio naršyklė talpins tekstą pagal poreikį, atsižvelgdama į jo vietą. Tai apima jautrias svetaines, kuriose bus labai sklandus išdėstymas, kuris pasikeičia atsižvelgiant į ekrane naudojamą puslapio peržiūrą. HTML tekstas sulaužys liniją, kur ji turi, kai ji pasieks jos turimo srities pabaigą. Galų gale naršyklė atlieka daugiau vaidmens nustatant, kaip tekstas sulaužomas, nei jūs.

Kalbant apie pridedamą tarpą, kad būtų sukurtas tam tikras formatas ar išdėstymas, HTML neatpažįsta kodo pridėtų tarpų, tarp jų tarpo, skirtuko arba vežimėlio grąžinimo. Jei tarp žodžio ir žodžio, kuris yra po jo, įterpiate dvidešimt tarpų, naršyklėje ten bus tik viena erdvė. Tai žinoma kaip "baltos erdvės" žlugimas, ir tai iš tikrųjų yra viena iš HTML sąvokų, kurios iš pradžių kova su daugybe naujovių. Jie tikisi, kad "HTML" tarpinė funkcija veiks taip, kaip tai veikia "Microsoft Word" programoje, bet tai ne visada veikia "HTML" tarpas.

Daugeliu atvejų įprastu teksto tvarkymu bet kuriame HTML dokumente yra būtent tai, ko jums reikia, bet kitais atvejais jūs tikriausiai norite daugiau kontroliuoti, kaip tiksliai išeina tekstas ir kur jis sulaužytų eilutes. Tai žinoma kaip iš anksto suformatuotas tekstas (kitaip tariant, jūs nustatote formatą). Galite pridėti formato tekstą į savo tinklalapius naudodami HTML

pre žyma

Naudojant
 Žyma 

Prieš daugelį metų tai buvo įprasta žiūrėti tinklalapius su iš anksto suformatuoto teksto blokais. Naudojant

pre žyma, norint apibrėžti puslapio dalis, kaip buvo suformatuotas pačiame įvedimo variante, buvo greitas ir paprastas būdas interneto dizaineriams parodyti tekstą taip, kaip to norėjo. Tai buvo prieš CSS išplėtimą išdėstymui, kai interneto dizaineriai iš tiesų buvo įstrigę bandydami pritaikyti maketą naudojant lenteles ir kitus HTML metodus. Šis (kinda) sugrįžo, nes iš anksto suformatuotas tekstas apibrėžiamas kaip tekstas, kuriame struktūra apibrėžiama tipografinėse konvencijose, o ne HTML renderavimu.

Šiandien ši žymė nėra naudojama tiek, nes CSS leidžia mums dikuoti vizualiuosius stilius daug efektyviau nei bandant priversti išvaizdą patekti į mūsų HTML ir todėl, kad interneto standartai diktuoja aiškų struktūros (HTML) ir stilių (CSS) atskyrimą. Vis dėlto gali būti atvejų, kai iš anksto suformatuotas tekstas yra prasmingas, pvz., Pašto adresą, kuriame norite užpildyti eilučių plyšius ar poezijos pavyzdžius, kuriuose eilučių plyšys yra būtinos norint skaityti ir bendrą turinio srautą.

Čia yra vienas iš būdų naudoti HTML

 tag:


Twas brillig ir slithey toves

Ar gyre ir gimble

in

as

bjaurus

Tipinis HTML žlugdo baltą erdvę dokumente. Tai reiškia, kad šiame tekste naudojami vežimėlio grąžinimo, tarpų ir skirtukų simboliai būtų sugadinti į vieną erdvę. Jei įvedėte aukščiau pateiktą citatą į tipinę HTML žymą, pvz., P (pastraipos) žymą, galėtumėte baigti vieną teksto eilutę, tokia kaip:

Twas brillig ir slithey toves Ar gyre ir gimble į wab

Prieš žymą paliekami baltieji simboliai, kaip yra. Taigi eilutės pertraukos, tarpai ir skirtukai palaikomi naršyklės pateiktame šio turinio. Kreipimasis į a

pre Tame pačiam tekstui priskiriamas toks ekranas:

Twas brillig ir slithey toves Ar gyre ir gimble in as bjaurus

Dėl šriftų

The

pre žyma neapsiriboja tuščiu tekstu, kurį rašote. Daugumoje naršyklių jis parašytas monosferos šriftą. Tai reiškia, kad simboliai tekste yra vienodi pločio. Kitaip tariant, raidė i užima kiek vietos kaip raidė w.

Jei norėtumėte naudoti kitą šriftą vietoj numatytosios vienintelės spartos, kurią rodo naršyklė, vis tiek galite jį pakeisti stiliaus lapais ir pasirinkti bet kurį kitą šriftą, į kurį norėtumėte pateikti tekstą.

HTML5

Vienas dalykas, į kurį reikia atkreipti dėmesį, yra tai, kad "HTML5" atributas "width" nebepalaiko

 elementas HTML 4.01 plotis nurodo simbolių skaičių, kurių eilutėje yra, tačiau jis buvo užblokuotas HTML5 ir daugiau.

Redagavo Jeremy Girard 2/2/17