પ્રી-ફોર્મેટ કરેલ ટેક્સ્ટ શું છે?

અહીં તમારા HTML કોડમાં પ્રી-ફોર્મેટ કરેલ ટેક્સ્ટ ટેગ કેવી રીતે વાપરવું

જ્યારે તમે કોઈ વેબ પૃષ્ઠ માટે HTML કોડમાં ટેક્સ્ટ ઉમેરો છો, ત્યારે ફકરો તત્વમાં કહો, તમારી પાસે ટેક્સ્ટની તે રેખાઓ તૂટી જશે અથવા અંતર જેનો ઉપયોગ કરવામાં આવશે તેના પર કોઈ નિયંત્રણ નથી. આનું કારણ એ છે કે વેબ બ્રાઉઝર તે વિસ્તારને આધારે આવશ્યક ટેક્સ્ટને પ્રવાહ કરશે જે તેને ધરાવે છે. આમાં પ્રતિભાવશીલ વેબસાઈટ્સ શામેલ છે જેમાં ખૂબ પ્રવાહી લેઆઉટ હશે જે પૃષ્ઠને જોવા માટે ઉપયોગમાં લેવાતા સ્ક્રીનના કદના આધારે બદલાય છે.

એચટીએમએલ ટેક્સ્ટ એ એક રેખા તોડી નાખશે જ્યાં તે તેની સમાવિષ્ટ વિસ્તારના અંત સુધી પહોંચી જશે. અંતમાં, બ્રાઉઝર તમે કેવી રીતે કરો છો તેના કરતાં ટેક્સ્ટ બ્રેક્સ કેવી રીતે નક્કી કરવામાં ભૂમિકા ભજવે છે.

ચોક્કસ ફોર્મેટ અથવા લેઆઉટ બનાવવા માટે અંતર ઉમેરવાની દ્રષ્ટિએ HTML એ જગ્યાને ઓળખતું નથી જે કોડમાં ઉમેરાય છે, જેમાં સ્પેસબાર, ટૅબ અથવા કેરેજ રિટર્ન શામેલ છે. જો તમે એક શબ્દ અને તે પછી આવનાર શબ્દ વચ્ચે વીસ જગ્યાઓ મૂકો છો, બ્રાઉઝર ત્યાં માત્ર એક જ જગ્યા રેન્ડર કરશે. આને વ્હાઇટ સ્પેસ પતન તરીકે ઓળખવામાં આવે છે અને તે વાસ્તવમાં એચટીએમએલના ખ્યાલો પૈકીની એક છે જે ઉદ્યોગ સાથે સંકળાયેલી છે. તેઓ HTML વ્હાઇટસ્પેસને એવી અપેક્ષા રાખે છે કે તે માઇક્રોસોફ્ટ વર્ડ જેવી પ્રોગ્રામમાં કરે છે, પરંતુ એ જ નથી કે એચટીએમએલ વ્હાઇટસ્પેસ કેવી રીતે કામ કરે છે.

મોટા ભાગના કિસ્સાઓમાં, કોઈપણ HTML દસ્તાવેજમાં ટેક્સ્ટનું સામાન્ય સંચાલન બરાબર તમને જરૂરી હોય તેવું છે, પરંતુ અન્ય કિસ્સાઓમાં, વાસ્તવમાં તમે ટેક્સ્ટની જગ્યાઓ બરાબર કેવી રીતે અને તે રેખાઓ ક્યાં તોડી નાખે છે તેના પર વધારે નિયંત્રણ મેળવી શકો છો

આ પ્રી-ફોર્મેટ કરેલ ટેક્સ્ટ છે (બીજા શબ્દોમાં, તમે ફોર્મેટને સૂચિત કરો છો) તમે HTML પ્રી ટેગનો ઉપયોગ કરીને તમારા વેબ પૃષ્ઠો પર પ્રિ-ફોર્મેટ કરેલ ટેક્સ્ટ ઉમેરી શકો છો.

 ટેગનો ઉપયોગ કરવો 

ઘણાં વર્ષો પહેલા, પૂર્વ ફોર્મેટ કરેલ લખાણના બ્લોક્સવાળા વેબ પૃષ્ઠોને જોવા માટે તે સામાન્ય રીતે ઉપયોગમાં લેવાતું હતું. પૃષ્ઠના વિભાગોને વ્યાખ્યાયિત કરવા માટે, ટાઇપિંગ દ્વારા સ્વરૂપે ફોર્મેટ કરવામાં આવે છે, વેબ ડીઝાઇનરોએ ટેક્સ્ટને પ્રદર્શિત કરવા ઇચ્છતા હોય તેવું ઝડપી અને સરળ રીત હતું.

લેઆઉટના CSS માટે ઉદય પહેલાં, જ્યારે વેબ ડીઝાઈનર ખરેખર ટેબલો અને અન્ય HTML- માત્ર પદ્ધતિઓનો ઉપયોગ કરીને લેઆઉટને દબાણ કરવા માટે પ્રયાસ કરી રહ્યાં હતા. આ (કિન્ડા) પાછું કામ કર્યું કારણ કે પૂર્વ ફોર્મેટ કરેલ ટેક્સ્ટને ટેક્સ્ટ તરીકે વ્યાખ્યાયિત કરવામાં આવે છે જેમાં HTML રેંડરિંગની જગ્યાએ ટાઇપોગ્રાફિક કન્વેન્શન્સ દ્વારા માળખું વ્યાખ્યાયિત કરવામાં આવે છે.

આજે, આ ટેગ એટલો એટલો ઉપયોગ કરાયો નથી કારણ કે સીએસએસ આપણને એચટીએમએલ (HTML) માં દેખાવને અમલમાં મૂકવા પ્રયાસ કરતાં વધુ કાર્યક્ષમ રીતે દ્રશ્ય શૈલીઓને નિર્ધારિત કરવાની પરવાનગી આપે છે અને વેબ ધોરણો માળખું (એચટીએમએલ) અને સ્ટાઇલ (સી.એસ.એસ.) નું સ્પષ્ટ વિભાજન સૂચવે છે. તેમ છતાં, ત્યાં પૂર્વ-ફોર્મેટ કરેલ ટેક્સ્ટને અર્થપૂર્ણ બનાવે છે, જેમ કે મેલિંગ એડ્રેસ માટે, જ્યાં તમે લાઇન બ્રેક્સને દબાણ કરવા માંગો છો અથવા કવિતાઓનાં ઉદાહરણો માટે, જ્યાં લીટી બ્રેક્સ સામગ્રીના વાંચન અને એકંદર પ્રવાહ માટે આવશ્યક છે.

HTML

 ટેગનો ઉપયોગ કરવાનો એક માર્ગ અહીં છે: 

 <પૂર્વ> ટ્વાસ બ્રિલીંગ અને સ્લિથિ ટોવ્સ વાઈબમાં ગાઇર અને જીપ્સન  
 લાક્ષણિક એચટીએમએલ દસ્તાવેજમાં સફેદ જગ્યા તૂટી જાય છે. આનો અર્થ એ કે આ ટેક્સ્ટમાં ઉપયોગમાં લેવાતા વાહન વળતર, જગ્યાઓ, અને ટેબ અક્ષરો એક જ જગ્યામાં તૂટી જશે. જો તમે ઉપરોક્ત ક્વોટને પી (ફકરા) ટેગ જેવા લાક્ષણિક એચટીએમએલ ટેગમાં લખ્યા છે, તો તમે આની જેમ એક ટેક્સ્ટની લાઇન સાથે સમાપ્ત થશો: 
 ટ્વાસ બ્રીલીગ અને સ્લિથિ ટોવ્સ વાઈબે ગીર અને ગોનલે 
 પ્રી ટેગ સફેદ જગ્યા અક્ષરોને છોડી દે છે. તેથી લાઇન બ્રેક્સ, જગ્યાઓ અને ટૅબ્સ એ બધી સામગ્રીની બ્રાઉઝરની રેન્ડરિંગમાં જાળવવામાં આવે છે. એ જ ટેક્સ્ટ માટે ક્વોટને પૂર્વ ટેગમાં મુકો, આ ડિસ્પ્લેમાં પરિણમશે: 
 ટ્વાસ બ્રીલીગ અને સ્લિથિ ટોવ્સ વાઈબે ગીર અને ગોનલે 
 ફોન્ટ્સ વિષે 
 પ્રી ટેગ તમે લખો છો તે ટેક્સ્ટ માટે ખાલી જગ્યાઓ અને બ્રેક્સને જાળવી રાખવા કરતા વધુ કરે છે મોટા ભાગના બ્રાઉઝર્સમાં, તે મોનોસ્પેસ ફૉન્ટમાં લખાયેલું છે. આ લખાણમાં અક્ષરોને બધા સમાન પહોળાઈ બનાવે છે. બીજા શબ્દોમાં કહીએ તો, અક્ષર હું પત્ર W જેટલું જગ્યા તરીકે લે છે 
 જો તમે ડિફોલ્ટ મોનોસ્પેસના સ્થાને બીજો ફૉન્ટ વાપરવાનું પસંદ કરો છો, જે બ્રાઉઝર પ્રદર્શન છે, તો તમે તેને સ્ટાઇલ શીટ્સ સાથે બદલી શકો છો અને કોઈપણ અન્ય ફૉન્ટ પસંદ કરી શકો છો, જે તમે ટેક્સ્ટને રેન્ડર કરવા માંગતા હોવ . 
 HTML5 
 એક બાબત ધ્યાનમાં રાખવી એ છે કે, HTML5 માં, "પહોળાઈ" લક્ષણ હવે 
 ઘટક માટે સમર્થિત નથી. એચટીએમએલ 4.01 માં, પહોળાઈમાં અક્ષરોની સંખ્યા કે જે એક રેખામાં સમાવિષ્ટ હશે તે નિર્દિષ્ટ કરે છે, પરંતુ આ HTML5 અને બહારના માટે ઘટી ગયેલ છે. 

 2/2/17 ના રોજ જેરેમી ગીરર્ડ દ્વારા સંપાદિત