Kas yra iš anksto parašytas tekstas?

Čia kaip naudoti HTML formatą iš anksto suformatuoto teksto

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 žymę.

Naudojant

 Tag 

Prieš daugelį metų tai buvo įprasta žiūrėti tinklalapius su iš anksto suformatuoto teksto blokais. Naudojant pre-žymą, kad apibrėžtų puslapio sekcijas, kaip buvo suformatuotas pačiame teksto formate, internetiniai dizaineriai galėjo greitai ir lengvai 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 į wabe  
 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. Pateikdamas pasiūlymą į tą pačią tekstą prieš žymą, šis ekranas būtų toks: 
 Twas brillig ir slithey toves Ar gyre ir gimble į wab 
 Dėl šriftų 
 Pirminė žyma neapsiriboja tik rašomo teksto tarpu ir pertraukomis. 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 pageidaujate naudoti kitą šriftą vietoj numatytojo monospace, kurį 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 tas, kad "HTML5" elemento 
 elementas "width" nebepalaiko. 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