ഹലോ, ബ്ലോഗ് സൈറ്റിൻ്റെ പ്രിയ വായനക്കാർ! ചുരുങ്ങിയത് ഉപരിപ്ലവമായെങ്കിലും പരിചിതരായിട്ടുള്ളവർ പൊതുവേ, ഒരുപക്ഷേ ഇതിനകം ശ്രദ്ധിച്ചിട്ടുണ്ടാകും. ഡോക്യുമെൻ്റ് കോഡിൽ സാധാരണയായി ഉപയോഗിക്കുന്ന HTML ചിഹ്നങ്ങളെ കുറിച്ച് അവർക്ക് ഒരു ധാരണയുണ്ടെന്നാണ് ഇതിനർത്ഥം.

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

വാസ്തവത്തിൽ, വിവിധ പ്രത്യേക പ്രതീകങ്ങൾ ഉപയോഗിക്കുന്ന വിഷയം അവഗണിക്കരുതെന്ന് ഞാൻ നിങ്ങളെ ഉപദേശിക്കുന്നു, കാരണം ഇത് ഹൈപ്പർടെക്സ്റ്റ് മാർക്ക്അപ്പ് ഭാഷയെക്കുറിച്ചുള്ള നിങ്ങളുടെ പഠനം പൂർത്തിയാക്കാൻ നിങ്ങളെ അനുവദിക്കുന്ന ഒരു പ്രധാന ഘടകമാണ്. പൊതുവേ, ഈ പ്രസിദ്ധീകരണത്തിൽ നൽകിയിരിക്കുന്ന വിവരങ്ങൾ തീർച്ചയായും അമിതമായിരിക്കില്ല. ശരി, ഇപ്പോൾ കാര്യത്തിലേക്ക്.

HTML-ലെ സ്‌പെയ്‌സുകളും വൈറ്റ്‌സ്‌പെയ്‌സ് പ്രതീകങ്ങളും

ആദ്യം ഒരു പ്രധാന കുറിപ്പ് ഉണ്ടാക്കേണ്ടതുണ്ട്. ഒരു കമ്പ്യൂട്ടർ കീബോർഡിൽ ടെക്സ്റ്റ് വേർതിരിക്കാൻ നിങ്ങളെ അനുവദിക്കുന്ന പ്രത്യേക കീകൾ ഉണ്ട് (ഇതിൽ കൂടുതൽ താഴെ). എന്നിരുന്നാലും, ഒരു വൈഡ് സ്പേസ്ബാർ മാത്രമേ എഡിറ്ററിൽ മാത്രമല്ല, ബ്രൗസർ വിൻഡോയിലും വാക്കുകൾക്കിടയിൽ വേർതിരിവ് നൽകുന്നു. വരികൾ തകർക്കുമ്പോഴും അരികുകളിൽ നിന്ന് ഇൻഡൻ്റ് ചെയ്യുമ്പോഴും സൂക്ഷ്മതകളുണ്ട്.

നിങ്ങൾക്കറിയാവുന്നതുപോലെ, ഒരു വെബ് ബ്രൗസറിലെ ചില ഘടകങ്ങളുടെ പ്രദർശനം ടാഗുകളാൽ നിർണ്ണയിക്കപ്പെടുന്നു. ടെക്‌സ്‌റ്റ് ഫോർമാറ്റ് ചെയ്യാൻ, ബ്ലോക്ക് അധിഷ്‌ഠിതമായി അറിയപ്പെടുന്ന, ഉപയോഗിക്കുന്നു. അതായത്, ലഭ്യമായ മുഴുവൻ വീതിയിലും അതിൻ്റെ ഉള്ളടക്കം സ്ഥിതിചെയ്യുന്നു.

ലേക്ക് P ഖണ്ഡികയ്ക്കുള്ളിൽ വരികൾ പൊതിയുക, നിങ്ങൾ ഒരു BR ടാഗ് ഉപയോഗിക്കേണ്ടതുണ്ട്, അതുപയോഗിച്ച് നിങ്ങൾക്ക് ഇത് ചെയ്യാൻ കഴിയും. ഒരു ടെക്സ്റ്റ് എഡിറ്ററിൽ നമ്മൾ എഴുതുന്ന ഒരു കവിതയിൽ നിന്നുള്ള ചില വരികൾ വാചകത്തിലേക്ക് തിരുകണമെന്ന് നമുക്ക് പറയാം:

വാക്യത്തിൻ്റെ വരികൾ ശരിയായി സ്ഥിതിചെയ്യുകയും ശരിയായ സ്ഥലങ്ങളിൽ ഹൈഫനുകൾ നിർമ്മിക്കുകയും ചെയ്തിട്ടുണ്ടെങ്കിലും, ബ്രൗസറിൽ എല്ലാം വ്യത്യസ്തമായി കാണപ്പെടും:

ഒരു വെബ് ബ്രൗസർ വിൻഡോയിൽ ഒരേ ഡിസ്പ്ലേ നേടുന്നതിന്, ഓരോ ലൈൻ ബ്രേക്കിലും നിങ്ങൾ BR എഴുതേണ്ടതുണ്ട്:

ഇപ്പോൾ ഞങ്ങൾ ചുമതല കൈവരിച്ചു, കാവ്യാത്മക വരികൾ ബ്രൗസറിൽ പൂർണ്ണമായും ശരിയായി പ്രദർശിപ്പിക്കും:

അങ്ങനെ, ആവശ്യമായ ലൈൻ ബ്രേക്കുകൾ പൂർത്തിയായി. ഇവിടെ ശ്രദ്ധിക്കേണ്ട മറ്റൊരു സവിശേഷത, ഒന്നിന് പുറകെ ഒന്നായി വരുന്ന ഒന്നിലധികം സ്‌പെയ്‌സുകൾ വെബ് ബ്രൗസർ ഒന്നായി പ്രദർശിപ്പിക്കുന്നു എന്നതാണ്. ഒരേ എഡിറ്ററിൽ നിങ്ങൾ ഒന്നല്ല, രണ്ട് പദങ്ങൾക്കിടയിൽ നിരവധി ഇടങ്ങൾ ഇടാൻ ശ്രമിച്ചാൽ നിങ്ങൾക്ക് ഇത് സ്ഥിരീകരിക്കാൻ കഴിയും, കൂടാതെ "സംരക്ഷിക്കുക" ബട്ടണിൽ ക്ലിക്കുചെയ്ത്, ബ്രൗസറിലെ ഫലം നോക്കുക.

സ്പെയ്സ്, ടാബ്, ലൈൻ ബ്രേക്ക്

അടിസ്ഥാനപരമായി, ഇവ ഉപയോഗിച്ച് വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങൾഎഡിറ്ററിലെ ടെക്‌സ്‌റ്റ് ഉപയോഗിച്ച് പ്രവർത്തിക്കാൻ തുടങ്ങുമ്പോൾ തന്നെ ഞങ്ങൾ പരസ്പരം അറിയുകയും ആവശ്യമായ രൂപത്തിൽ ഫോർമാറ്റ് ചെയ്യുകയും ചെയ്യുന്നു. അത്തരമൊരു ടാസ്ക് നടപ്പിലാക്കാൻ, പ്രത്യേക കീകൾ ഉണ്ട്, അവയിൽ ഓരോന്നും അതിൻ്റേതായ സ്പേസ് സ്വഭാവവുമായി യോജിക്കുന്നു:

• കമ്പ്യൂട്ടർ കീബോർഡിലെ ഏറ്റവും വിശാലമായ കീയാണ് സ്‌പേസ്‌ബാർ (ലേബൽ ഇല്ലാതെ);
• ടാബ് - "ടാബ്" എന്ന ലിഖിതവും വ്യത്യസ്ത ദിശകളിലേക്ക് ചൂണ്ടുന്ന രണ്ട് അമ്പുകളും ഉള്ള ഇടതുവശത്തുള്ള ഒരു കീ;
• ലൈൻ ബ്രേക്ക് - "Enter" കീ.

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

സ്‌പെയ്‌സുകൾക്ക് നന്ദി, വായിക്കാനും മനസ്സിലാക്കാനും എളുപ്പമുള്ള കോഡ് ഞങ്ങൾക്ക് ലഭിക്കുന്നു. ഓറഞ്ച് അമ്പടയാളങ്ങൾ ടാബ് കീ ഉപയോഗിച്ച് സൃഷ്‌ടിച്ച ഇൻഡൻ്റേഷനുകളെ സൂചിപ്പിക്കുന്നു, കൂടാതെ CR, LF ചിഹ്നങ്ങൾ എൻ്റർ കീ ഉപയോഗിച്ച് സൃഷ്‌ടിച്ച ലൈൻ ബ്രേക്കുകളെ സൂചിപ്പിക്കുന്നു.

പരസ്പരം കൂടുകൂട്ടിയിരിക്കുന്ന കണ്ടെയ്‌നറുകൾ കാണുകയും തുറക്കുകയും അടയ്ക്കുകയും ചെയ്യുന്ന ടാഗുകൾ വ്യക്തമായി കാണാം. ഈ ഫോമിൽ, ഈ കോഡ് എളുപ്പത്തിൽ എഡിറ്റുചെയ്യാനാകും. ഇപ്പോൾ അത്തരം ടെക്സ്റ്റ് ഡിവിഷൻ ഇല്ലാത്ത അതേ കോഡുമായി താരതമ്യം ചെയ്യുക:

അതുപോലെ, വൈറ്റ്‌സ്‌പേസ് പ്രതീകങ്ങൾ ഉപയോഗിച്ച്, നിങ്ങൾക്ക് CSS നിയമങ്ങൾ എഴുതാൻ കഴിയും, അത് ദൃശ്യപരമായി വ്യക്തവും ദഹിക്കുന്നതും ആയിരിക്കും:

നിങ്ങൾ എല്ലാ ശൈലികളും ഒരു പൊതു വിഭാഗത്തിലേക്ക് കൊണ്ടുവന്ന് സ്റ്റൈൽ ഫയൽ എഡിറ്റ് ചെയ്യുന്നത് പൂർത്തിയാക്കിയ ശേഷം, കോഡിൽ നിന്ന് എല്ലാ സ്‌പെയ്‌സുകളും നീക്കം ചെയ്‌ത് നിങ്ങൾക്ക് എഡിറ്റിംഗ് നടത്താം. വർദ്ധിപ്പിക്കുന്നതിന് ഇത് ആവശ്യമാണ്, ഒരു റിസോഴ്സ് പ്രൊമോട്ട് ചെയ്യുമ്പോൾ ഇത് വളരെ പ്രധാനമാണ്.

HTML കോഡിലെ പ്രത്യേക പ്രതീകങ്ങൾ (അല്ലെങ്കിൽ ഓർമ്മപ്പെടുത്തലുകൾ).

ലേഖനത്തിൻ്റെ തുടക്കത്തിൽ ഞാൻ സൂചിപ്പിച്ച പ്രത്യേക പ്രതീകങ്ങൾ ഉപയോഗിക്കേണ്ട സന്ദർഭങ്ങൾ ഇപ്പോൾ നോക്കാം. ഹൈപ്പർടെക്‌സ്‌റ്റ് മാർക്ക്അപ്പ് ഭാഷയിൽ ഉയർന്നുവന്ന എൻകോഡിംഗുകളുടെ ദീർഘകാല പ്രശ്‌നം പരിഹരിക്കാൻ എച്ച്ടിഎംഎൽ പ്രത്യേക പ്രതീകങ്ങൾ, ചിലപ്പോൾ മെമ്മോണിക്‌സ് എന്ന് വിളിക്കപ്പെടുന്നു.

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

അത്തരം നിരവധി എൻകോഡിംഗുകൾ ഉണ്ട് എന്നതാണ് വസ്തുത; ഇപ്പോൾ നമുക്ക് അവയെ വിശദമായി വിശകലനം ചെയ്യുക എന്ന ലക്ഷ്യമില്ല. അവയിൽ ഓരോന്നിനും ചില ചിഹ്നങ്ങൾ നഷ്‌ടമായേക്കാം, എന്നിരുന്നാലും അവ പ്രദർശിപ്പിക്കേണ്ടതുണ്ട്. ഒരൊറ്റ ഉദ്ധരണി ചിഹ്നമോ ഉച്ചാരണ ചിഹ്നമോ എഴുതാൻ നിങ്ങൾക്ക് ആഗ്രഹം തോന്നുന്നു, എന്നാൽ ഈ ഐക്കണുകൾ സെറ്റിൽ ഉൾപ്പെടുത്തിയിട്ടില്ല.

ഈ പ്രശ്നം ഇല്ലാതാക്കുന്നതിനായി, പ്രത്യേക ചിഹ്നങ്ങളുടെ ഒരു സംവിധാനം അവതരിപ്പിച്ചു, അതിൽ ധാരാളം വ്യത്യസ്ത സ്മരണകൾ ഉൾപ്പെടുന്നു. അവയെല്ലാം "&" എന്ന ആമ്പർസാൻഡിൽ ആരംഭിക്കുകയും സാധാരണയായി ";" എന്ന അർദ്ധവിരാമത്തിൽ അവസാനിക്കുകയും ചെയ്യുന്നു. ആദ്യം, ഓരോ പ്രത്യേക പ്രതീകത്തിനും അതിൻ്റേതായ ഡിജിറ്റൽ കോഡ് ഉണ്ടായിരുന്നു. ഉദാഹരണത്തിന്, ഒരു നോൺ-ബ്രേക്കിംഗ് സ്പെയ്സിനായി, ഞങ്ങൾ കൂടുതൽ വിശദമായി ചുവടെ പരിഗണിക്കും, ഇനിപ്പറയുന്ന എൻട്രി സാധുവായിരിക്കും:

എന്നാൽ കുറച്ച് സമയത്തിന് ശേഷം, ഏറ്റവും സാധാരണമായ ചിഹ്നങ്ങൾ ഓർമ്മിക്കാൻ എളുപ്പമാക്കുന്നതിന് അക്ഷര അനലോഗുകൾ (മെമ്മോണിക്സ്) നൽകി. അതേ നോൺ-ബ്രേക്കിംഗ് സ്‌പെയ്‌സിന് ഇത് ഇതുപോലെയാണെന്ന് പറയാം:

തൽഫലമായി, ബ്രൗസർ അനുബന്ധ ചിഹ്നം പ്രദർശിപ്പിക്കുന്നു. ഓർമ്മപ്പെടുത്തലുകളുടെ പട്ടിക വളരെ വലുതാണ്, HTML-ൽ ഏറ്റവും സാധാരണയായി ഉപയോഗിക്കുന്ന പ്രത്യേക പ്രതീകങ്ങൾഇനിപ്പറയുന്ന പട്ടികയിൽ നിന്ന് നിങ്ങൾക്ക് കണ്ടെത്താനാകും:

നോൺ-ബ്രേക്കിംഗ് സ്‌പെയ്‌സും സോഫ്റ്റ് ഹൈഫനും ഉൾപ്പെടെ ചില പ്രത്യേക പ്രതീകങ്ങൾ ഉപയോഗിക്കുന്ന കേസുകൾ

നിങ്ങൾ ഇതിനകം പട്ടിക അൽപ്പം പഠിച്ചിട്ടുണ്ടെങ്കിൽ, എല്ലാ പ്രത്യേക പ്രതീകങ്ങളും പ്രദർശിപ്പിക്കുന്നതിന്, ഒരു ഡിജിറ്റൽ കോഡ് () അല്ലെങ്കിൽ അതിൻ്റെ അക്ഷരമാല അനലോഗ് (സിംബോളിക് മെമ്മോണിക്സ്) ഉപയോഗിക്കുന്നു, ഒരു കൂട്ടം ഹാഷിന് പകരം ഞാൻ മുകളിൽ പറഞ്ഞതിൻ്റെ സ്ഥിരീകരണം നിങ്ങൾക്ക് ലഭിച്ചു. അടയാളങ്ങളും അക്കങ്ങളും, അക്ഷരങ്ങൾ () എഴുതിയിരിക്കുന്നു.

ഇനി ഈ കോഡുകൾ എപ്പോൾ ഉപയോഗിക്കണമെന്ന് നോക്കാം. ഒരു ലേഖനത്തിൽ വിവരദായക ആവശ്യങ്ങൾക്കായി നിങ്ങൾ ചില HTML ടാഗ് സൂചിപ്പിക്കണമെന്ന് പറയാം, ഉദാഹരണത്തിന്,