Ano ang Pre-Formatted Text?

Dito kung paano gamitin ang tag ng Pre-Formatted Text sa iyong HTML code

Kapag nagdadagdag ka ng teksto sa HTML code para sa isang Web page, sabihin sa isang elemento ng talata, wala kang kontrol sa kung saan ang mga linya ng teksto ay masira o ang espasyo na gagamitin. Ito ay dahil dumadaloy ang web browser ng teksto kung kinakailangan batay sa lugar na naglalaman nito. Kabilang dito ang mga tumutugon na mga website na may isang likidong layout na nagbabago batay sa laki ng screen na ginagamit upang tingnan ang pahina .

Ang tekstong HTML ay magbubukas ng isang linya kung saan kailangan nito kapag naabot na nito ang dulo ng lugar na naglalaman nito. Sa wakas, ang browser ay gumaganap ng higit pa sa isang papel sa pagtukoy kung paano ang teksto break kaysa sa gagawin mo.

Sa mga tuntunin ng pagdaragdag ng spacing upang lumikha ng isang tiyak na format o layout, hindi nakikilala ng HTML ang spacing na idinagdag sa code, kabilang ang spacebar, tab, o pagbalik ng carriage. Kung maglagay ka ng dalaw na espasyo sa pagitan ng isang salita at ang salitang dumating pagkatapos nito, ang browser ay magbibigay lamang ng isang solong espasyo doon. Ito ay kilala bilang pagbagsak ng puting espasyo at ito ay talagang isa sa mga konsepto ng HTML na maraming mga bago sa industriya ng pakikibaka sa una. Inaasahan nila ang mga whitespace ng HTML upang gumana ang paraan ng ginagawa nito sa isang programa tulad ng Microsoft Word, ngunit hindi ito gumagana kung paano gumagana ang HTML whitespace.

Sa karamihan ng mga kaso, ang normal na paghawak ng teksto sa anumang dokumentong HTML ay eksakto kung ano ang kailangan mo, ngunit sa iba pang mga pagkakataon, maaari mong talagang gusto ng higit pang kontrol sa eksakto kung paano ang mga puwang ng teksto at kung saan ito ay pumutol ng mga linya.

Ito ay alam bilang pre-formatted na teksto (sa ibang salita, idikta mo ang format). Maaari kang magdagdag ng pre-formatted na teksto sa iyong mga web page gamit ang pre tag na HTML.

Gamit ang

 Tag 

Maraming taon na ang nakalilipas, karaniwan nang makita ang mga web page na may mga bloke ng pre-formatted na teksto. Gamit ang pre tag upang tukuyin ang mga seksyon ng pahina bilang na-format sa pamamagitan ng pag-type mismo ay isang mabilis at madaling paraan para sa mga taga-disenyo ng web upang makuha ang teksto upang ipakita ayon sa gusto nila.

Ito ay bago ang pagtaas ng CSS para sa layout, kapag ang mga taga-disenyo ng web ay talagang natigil na sinusubukan na pilitin ang layout sa pamamagitan ng paggamit ng mga talahanayan at iba pang mga pamamaraan ng HTML-lamang. Ang (karaniwan) na ito ay nagtrabaho pabalik dahil ang pre-formatted na teksto ay tinukoy bilang teksto kung saan ang istraktura ay tinukoy sa pamamagitan ng mga tipograpikal na mga kumbensyon sa halip na sa pamamagitan ng HTML rendering.

Ngayon, ang tag na ito ay hindi gagamitin nang mas malaki dahil ang CSS ay nagpapahintulot sa amin na magdikta ng mga visual na estilo sa mas mahusay na paraan kaysa sa pagsisikap na pilitin ang hitsura sa aming HTML at dahil ang mga pamantayan ng Web ay magdikta ng isang malinaw na paghihiwalay ng istraktura (HTML) at mga estilo (CSS). Gayunpaman, maaaring may mga pagkakataon na ang mga pre-formatted na teksto ay may katuturan, tulad ng sa isang mailing address kung saan mo gustong pilitin ang mga linya ng break o para sa mga halimbawa ng mga tula kung saan ang mga break ng linya ay mahalaga sa pagbabasa at pangkalahatang daloy ng nilalaman.

Narito ang isang paraan upang gamitin ang HTML

 na tag: 

 
 Twas brillig at ang slithey toves Did gyre and gimble in wabe  
 Ang karaniwang HTML ay bumagsak sa puting espasyo sa dokumento. Nangangahulugan ito na ang mga pagbalik ng karwahe, mga puwang, at mga character na tab na ginamit sa tekstong ito ay lahat ay mabagsak sa isang puwang. Kung nai-type mo ang quote sa itaas sa isang tipikal na HTML na tag tulad ng p (talata) na tag, nais mong magtapos sa isang linya ng teksto, tulad nito: 
 Twas brillig at ang slithey toves Did gyre and gimble sa wabe 
 Ang pre tag ay nag-iiwan ng mga puting espasyo ng mga character tulad ng ay. Kaya ang mga break ng linya, mga puwang, at mga tab ay pinananatili sa pag-render ng browser ng nilalamang iyon. Ang paglalagay ng quote sa loob ng isang pre tag para sa parehong teksto ay magreresulta sa display na ito: 
 Twas brillig at ang slithey toves Did gyre and gimble sa wabe 
 Tungkol sa Mga Font 
 Ang pre tag ay higit pa sa pagpapanatili ng mga puwang at mga break para sa teksto na isulat mo. Sa karamihan ng mga browser, ito ay nakasulat sa monospace font. Ginagawa nito ang mga karakter sa teksto na pantay-pantay sa lapad. Sa ibang salita, ang sulat ay tumatagal ng hanggang puwang gaya ng letrang w. 
 Kung mas gusto mong gumamit ng isa pang font sa halip ng default na monospace na ipinakita ng browser, maaari mo pa ring baguhin ito sa mga style sheet at pumili ng anumang iba pang font na nais mong i-render ang teksto . 
 HTML5 
 Ang isang bagay na dapat isaalang-alang ay na, sa HTML5, ang "lapad" na attribute ay hindi na suportado para sa elemento ng 
. Sa HTML 4.01, ang lapad ay tinukoy ang bilang ng mga character na naglalaman ng isang linya, ngunit ito ay bumaba para sa HTML5 at higit pa. 

 Na-edit ni Jeremy Girard noong 2/2/17