പ്രീ ഫോർമാറ്റ് ചെയ്ത വാചകം എന്താണ്?

നിങ്ങളുടെ HTML കോഡിൽ പ്രീ ഫോർമാറ്റ് ചെയ്ത ടെക്സ്റ്റ് ടാഗ് എങ്ങിനെ ഉപയോഗിക്കാം

ഒരു വെബ് പേജിനായി നിങ്ങൾ HTML കോഡായി വാചകം ചേർക്കുമ്പോൾ, ഒരു ഖണ്ഡിക ഘടകത്തിൽ പറയുക, ടെക്സ്റ്റ് വരികൾ പൊടുന്നതിനോ അല്ലെങ്കിൽ ഉപയോഗിക്കുന്ന സ്പെയ്സിംഗ് എവിടെയെങ്കിലുമോ നിയന്ത്രണം ഇല്ല. ഇത് അടങ്ങിയിരിക്കുന്ന പ്രദേശത്തെ അടിസ്ഥാനമാക്കി വെബ് ബ്രൌസർ ടെക്സ്റ്റ് ഒഴുകുന്നതിനാലാണിത്. ഇതിൽ പ്രതികരിക്കുന്ന വെബ്സൈറ്റുകൾ ഉൾക്കൊള്ളുന്നവ വളരെ ദ്രാവക ശൈലി ഉൾക്കൊള്ളുന്നു, അത് പേജ് കാണുന്നതിനായി സ്ക്രീനിന്റെ വലുപ്പത്തെ അടിസ്ഥാനമാക്കി മാറ്റുന്നു.

എച്ച്ടിഎംഎൽ ടെക്സ്റ്റ് അതിൻറെ ഒരു അടയാളം എത്തുമ്പോൾ ഒരു വരി പൊളിക്കും. അവസാനം, നിങ്ങൾ ചെയ്യുന്നതിനേക്കാൾ ടെക്സ്റ്റ് ബ്രേക്ക് എങ്ങനെ നിർണയിക്കുന്നതിൽ നിർണ്ണയിക്കുന്നതിൽ ബ്രൗസർ കൂടുതൽ പങ്ക് വഹിക്കുന്നു.

ഒരു നിശ്ചിത ഫോർമാറ്റ് അല്ലെങ്കിൽ ലേഔട്ട് സൃഷ്ടിക്കുന്നതിനുള്ള സ്പേസിംഗ് ചേർക്കുന്നതിന്റെ അടിസ്ഥാനത്തിൽ, സ്പെയ്സ്ബാർ, ടാബ് അല്ലെങ്കിൽ കാരിയൽ റിട്ടേൺസ് ഉൾപ്പെടെയുള്ള കോഡിൽ ചേർത്തിട്ടുള്ള സ്പേസിംഗ്, HTML തിരിച്ചറിഞ്ഞില്ല. നിങ്ങൾ ഒരു പദവും അതിനുശേഷം വരുന്ന പദവും തമ്മിൽ ഇരുപത് സ്പെയ്സുകൾ ഉണ്ടെങ്കിൽ, ബ്രൗസർ അവിടെ ഒരൊറ്റ ഇടം മാത്രമേ നൽകൂ. ഇത് വെളുത്ത ശൂന്യാകാശ പതനം എന്ന് അറിയപ്പെടുന്നു. ഇത് യഥാർത്ഥത്തിൽ HTML- ന്റെ സങ്കല്പങ്ങളിൽ ഒന്ന്, ആദ്യം തന്നെ തുടർച്ചയായി വ്യവസായത്തോടുള്ള സമരം. മൈക്രോസോഫ്റ്റ് വേഡ് പോലുള്ള പ്രോഗ്രാമിൽ എങ്ങനെയാണ് എച്ച്ടിസി വൈറ്റ്സ്പെയ്സ് പ്രവർത്തിക്കുന്നത് എന്ന് അവർ പ്രതീക്ഷിക്കുന്നു, പക്ഷെ വൈറ്റ്സ്പേസ് എങ്ങനെയാണ് പ്രവർത്തിക്കുന്നത് എന്ന് അവർക്കറിയില്ല.

മിക്ക കേസുകളിലും, ഏതെങ്കിലും HTML പ്രമാണത്തിലെ സാധാരണ ഹാൻഡ്ലിംഗ് നിങ്ങൾക്ക് ആവശ്യമുള്ളത് മാത്രമാണ്, എന്നാൽ മറ്റ് സന്ദർഭങ്ങളിൽ, വാചകം പുറത്തുള്ള സ്ഥലത്തും എവിടെയാണ് അത് പൊട്ടിയിടുന്നത് എന്നതിനേക്കാളും കൂടുതൽ നിയന്ത്രണം നിങ്ങൾക്ക് ആവശ്യമായി വരാം.

മുൻകൂട്ടി ഫോർമാറ്റ് ചെയ്ത വാചകമായി ഇത് അറിയാം (മറ്റൊരു രീതിയിൽ പറഞ്ഞാൽ നിങ്ങൾ ഫോർമാറ്റിനെ പ്രതിപാദിക്കുന്നു). HTML പ്രീ ടാഗ് ഉപയോഗിച്ച് നിങ്ങളുടെ വെബ് പേജുകളിൽ പ്രീ ഫോർമാറ്റ് ചെയ്ത വാചകം നിങ്ങൾക്ക് ചേർക്കാൻ കഴിയും.

 ടാഗ് ഉപയോഗിച്ച് 

പല വർഷങ്ങൾക്കു മുമ്പ് വെബ് താളുകൾ പ്രീ ഫോർമാറ്റ് ചെയ്ത വാചകങ്ങളുള്ള ബ്ലോഗുകൾ കാണുവാൻ സാധിക്കും. ടൈപ്പുചെയ്യൽ വഴി ഫോർമാറ്റ് ചെയ്ത പേജിന്റെ വിഭാഗങ്ങളെ നിർവചിക്കുന്നതിന് പ്രീ ടാഗ് ഉപയോഗിക്കുന്നത് വെബ് ഡിസൈനർമാർക്ക് അവർ ആഗ്രഹിക്കുന്ന രീതിയിൽ പ്രദർശിപ്പിക്കുന്നതിന് വേഗത്തിലും എളുപ്പത്തിലും ആയിരിക്കും.

പട്ടികകൾക്കും മറ്റ് HTML മാത്രം മാർഗ്ഗങ്ങൾ ഉപയോഗിച്ചും വെബ് ഡിസൈനർമാർക്ക് ലേഔട്ട് നിർബന്ധമാക്കാൻ ശ്രമിച്ചപ്പോൾ, ലേഔട്ടിനായി സി.എസ്. ഫോർമാറ്റ് ഫോർമാറ്റ് ടെക്സ്റ്റ് നിർവചിച്ചിരിക്കുന്നതിനാൽ, HTML റെൻഡറിംഗിനേക്കാൾ ടൈപ്പ് കോപിയിംഗ് കൺവെൻഷനുകൾ ഘടന നിർവചിക്കപ്പെട്ടിട്ടുണ്ട്.

ഇന്ന്, ഈ ടാഗ് ഉപയോഗിക്കുന്നത് വളരെ ലളിതമാണ്, കാരണം വിഷ്വൽ ശൈലികളെ കൂടുതൽ ഫലപ്രദമായി നിർവ്വചിക്കാൻ CSS ഞങ്ങളെ അനുവദിക്കുന്നു. ഞങ്ങളുടെ HTML- ൽ പ്രത്യക്ഷപ്പെടുന്നതിന് പകരം വെബ് സ്റ്റാൻഡേർഡുകൾ (HTML), ശൈലികൾ (CSS) എന്നിവ വേർതിരിച്ചെടുക്കണം. എന്നിരുന്നാലും, ലൈൻ ബ്രേക്കുകൾ നിർബന്ധിതമാക്കാൻ ആഗ്രഹിക്കുന്ന ഒരു മെയിലിംഗ് വിലാസവും അല്ലെങ്കിൽ കവിതയുടെ ഉദാഹരണങ്ങൾ പോലെ, വായനയും വായനയുടെ മൊത്തമായ ഒഴുക്കിനുമായി ലൈൻ ബ്രേക്കുകൾ അത്യാവശ്യമാണെങ്കിൽ മുൻകാല ഫോർമാറ്റ് ചെയ്ത വാചകങ്ങൾ അർത്ഥമാക്കാം.

HTML

 ടാഗ് ഉപയോഗിക്കുന്നതിനുള്ള ഒരു മാർഗ്ഗമാണ് ഇവിടെ: 

 
 ട്വിസ് ബ്രലിഗ് ആൻഡ് സ്ലിത്തിക്കി ടോവുകൾ വേദനയും വിരലടയാളവും ചെയ്തിരുന്നു  
 സാധാരണ എച്ച്.റ്റി.എം.എൽ രേഖയിൽ വൈറ്റ് സ്പേസ് തകർക്കുന്നു. ഈ വാചകത്തിൽ ഉപയോഗിക്കുന്ന വണ്ടി, സ്പെയ്സ്, ടാബ് എന്നീ പ്രതീകങ്ങൾ എല്ലാം ഒരു സ്പെയ്സ് ആയി ചുരുങ്ങും എന്നാണ് ഇത് അർത്ഥമാക്കുന്നത്. മുകളിലുള്ള ഉദ്ധരണി p (ഖണ്ഡിക) ടാഗിനെ പോലുള്ള ഒരു സാധാരണ HTML ടാഗിലേക്ക് നിങ്ങൾ ടൈപ്പ് ചെയ്താൽ, നിങ്ങൾ ഇതുപോലെ ഒരു വരി കൊണ്ട് അവസാനിക്കും: 
 തമസ്സും വൃത്തികെട്ട തുളുമ്പും തളർന്നിരുന്നു 
 പ്രീ ടാഗ് വൈറ്റ് സ്പേസ് പ്രതീകങ്ങൾ പോലെ തന്നെ ഉപേക്ഷിക്കുന്നു. അതിനാൽ ബ്രൌസറിന്റെ റെൻഡറിംഗിൽ ലൈൻ ബ്രേക്കുകൾ, സ്പെയ്സുകൾ, ടാബുകൾ എല്ലാം പരിപാലിക്കപ്പെടും. അതേ വാചകത്തിനായി ഒരു പ്രീ ടാഗ് ഉള്ളിൽ ഉദ്ധരണി ഈ ഡിസ്പ്ലേയിൽ ഫലമുണ്ടാക്കും: 
 തമസ്സും വൃത്തികെട്ട തുളുമ്പും തളർന്നിരുന്നു 
 ഫോണ്ടുകളെപ്പറ്റി 
 നിങ്ങൾ എഴുതുന്ന ടെക്സ്റ്റിനുള്ള സ്പെയ്സുകളും ബ്രേക്കുകളും നിലനിർത്തുന്നതിനേക്കാൾ പ്രീ ടാഗ് കൂടുതൽ ചെയ്യുന്നു. മിക്ക ബ്രൗസറുകളിലും ഇത് ഒരു മോണോസ്പെയ്സ് അക്ഷരമാലയിലാണ് എഴുതപ്പെട്ടത്. ഇത് ടെക്സ്റ്റിലെ എല്ലാ പ്രതീകങ്ങളും വീതിയിൽ തുല്യമാക്കി മാറ്റുന്നു. മറ്റൊരു വാക്കിൽ, ഞാൻ കത്ത് പോലെ വളരെ സ്ഥലം എടുക്കുന്നു കത്ത്. 
 നിങ്ങളുടെ ഡിഫോൾട്ട് മോണോസ്പെയ്സ് ഒരെണ്ണം ബ്രൌസർ ഡിസ്പ്ലേയ്ക്ക് പകരം മറ്റൊരു ഫോണ്ട് ഉപയോഗിക്കണമെങ്കിൽ, നിങ്ങൾക്കിത് സ്റ്റൈൽ ഷീറ്റിനൊപ്പം മാറ്റാൻ കഴിയും, കൂടാതെ ടെക്സ്റ്റ് റെൻഡർ ചെയ്യാൻ ആഗ്രഹിക്കുന്ന മറ്റേതെങ്കിലും ഫോണ്ട് തിരഞ്ഞെടുക്കുക. 
 HTML5 
 ശ്രദ്ധിക്കേണ്ട ഒരു കാര്യം, HTML5 ൽ, "പ്രമേയം" ആട്രിബ്യൂട്ട് 
 ഘടകത്തിന് മേലിൽ പിന്തുണയ്ക്കില്ല എന്നതാണ്. HTML 4.01-ൽ, ഒരു വരിയിലെ വരികൾ ഉൾക്കൊള്ളുന്ന പ്രതീകങ്ങളുടെ എണ്ണം വ്യക്തമാക്കി, എന്നാൽ ഇത് HTML5- നും അതിനുമുകളിലും ഉള്ളതാണ്. 

 എഡിറ്റു ചെയ്തത് ജെറമി ഗിർാർഡ് 2/2/17 ന്