ഹലോ, പ്രിയ വായനക്കാരേബ്ലോഗ് സൈറ്റ്! ഉപരിപ്ലവമായെങ്കിലും അത് പരിചയപ്പെടാൻ സമയമുള്ളവർ ഒരുപക്ഷേ ഇതിനകം ശ്രദ്ധിച്ചിട്ടുണ്ടാകും. പൊതുവായ രൂപരേഖ. ഡോക്യുമെൻ്റ് കോഡിൽ സാധാരണയായി ഉപയോഗിക്കുന്ന HTML ചിഹ്നങ്ങളെ കുറിച്ച് അവർക്ക് ഒരു ധാരണയുണ്ടെന്നാണ് ഇതിനർത്ഥം.
ഇന്നത്തെ ലേഖനത്തിൽ, HTML-ൽ ഒരു സ്പേസ് എന്താണെന്നും ഏതൊക്കെ സന്ദർഭങ്ങളിൽ അത് ഉപയോഗിക്കാമെന്നും കണ്ടുപിടിക്കാൻ ശ്രമിക്കും വൈറ്റ്സ്പേസ് പ്രതീകങ്ങൾഎളുപ്പത്തിൽ വായിക്കുന്നതിനായി കോഡ് ഫോർമാറ്റ് ചെയ്യുമ്പോൾ. ഒരു നോൺ-ബ്രേക്കിംഗ് സ്പേസ് ഉപയോഗിക്കേണ്ടത് എപ്പോൾ ആവശ്യമാണെന്ന് ഞങ്ങൾ കണ്ടെത്തും, കൂടാതെ മറ്റ് പ്രത്യേക പ്രതീകങ്ങളുമായി പരിചയപ്പെടാം (അല്ലെങ്കിൽ, അവയെ മെമ്മോണിക്സ് എന്നും വിളിക്കുന്നു).
വാസ്തവത്തിൽ, വിവിധ പ്രത്യേക പ്രതീകങ്ങൾ ഉപയോഗിക്കുന്ന വിഷയം അവഗണിക്കരുതെന്ന് ഞാൻ നിങ്ങളെ ഉപദേശിക്കുന്നു, കാരണം ഇത് നിങ്ങളുടെ ഭാഷാ പഠനം പൂർത്തിയാക്കാൻ നിങ്ങളെ അനുവദിക്കുന്ന ഒരു പ്രധാന ഘടകമാണ്. ഹൈപ്പർടെക്സ്റ്റ് മാർക്ക്അപ്പ്. പൊതുവേ, ഈ പ്രസിദ്ധീകരണത്തിൽ നൽകിയിരിക്കുന്ന വിവരങ്ങൾ തീർച്ചയായും അമിതമായിരിക്കില്ല. ശരി, ഇപ്പോൾ കാര്യത്തിലേക്ക്.
HTML-ലെ സ്‌പെയ്‌സുകളും വൈറ്റ്‌സ്‌പെയ്‌സ് പ്രതീകങ്ങളും
ആദ്യം നിങ്ങൾ ചെയ്യേണ്ടത് പ്രധാന കുറിപ്പ്. കമ്പ്യൂട്ടർ കീബോർഡ് ഉണ്ട് പ്രത്യേക കീകൾ, ഇത് ടെക്സ്റ്റ് വേർതിരിക്കൽ നടപ്പിലാക്കാൻ നിങ്ങളെ അനുവദിക്കുന്നു (ഇതിൽ കൂടുതൽ താഴെ). എന്നിരുന്നാലും, ഒരു വൈഡ് സ്പേസ്ബാർ മാത്രമേ എഡിറ്ററിൽ മാത്രമല്ല, ബ്രൗസർ വിൻഡോയിലും വാക്കുകൾക്കിടയിൽ വേർതിരിവ് നൽകുന്നു. വരികൾ തകർക്കുമ്പോഴും അരികുകളിൽ നിന്ന് ഇൻഡൻ്റ് ചെയ്യുമ്പോഴും സൂക്ഷ്മതകളുണ്ട്.
നിങ്ങൾക്കറിയാവുന്നതുപോലെ, ഒരു വെബ് ബ്രൗസറിലെ ചില ഘടകങ്ങളുടെ പ്രദർശനം ടാഗുകളാൽ നിർണ്ണയിക്കപ്പെടുന്നു. ടെക്സ്റ്റ് ഫോർമാറ്റ് ചെയ്യാൻ, ബ്ലോക്ക് അധിഷ്‌ഠിതമായി അറിയപ്പെടുന്ന, ഉപയോഗിക്കുന്നു. അതായത്, ലഭ്യമായ മുഴുവൻ വീതിയിലും അതിൻ്റെ ഉള്ളടക്കം സ്ഥിതിചെയ്യുന്നു.
ലേക്ക് P ഖണ്ഡികയ്ക്കുള്ളിൽ വരികൾ പൊതിയുക, നിങ്ങൾ ഒരു BR ടാഗ് ഉപയോഗിക്കേണ്ടതുണ്ട്, അതുപയോഗിച്ച് നിങ്ങൾക്ക് ഇത് ചെയ്യാൻ കഴിയും. നമ്മൾ എഴുതുന്ന ഒരു കവിതയിലെ ചില വരികൾ വാചകത്തിലേക്ക് തിരുകണമെന്ന് നമുക്ക് പറയാം ടെക്സ്റ്റ് എഡിറ്റർ:
വാക്യത്തിൻ്റെ വരികൾ ശരിയായി സ്ഥിതിചെയ്യുകയും ശരിയായ സ്ഥലങ്ങളിൽ ഹൈഫനുകൾ നിർമ്മിക്കുകയും ചെയ്തിട്ടുണ്ടെങ്കിലും, ബ്രൗസറിൽ എല്ലാം വ്യത്യസ്തമായി കാണപ്പെടും:
ഒരു വെബ് ബ്രൗസർ വിൻഡോയിൽ ഒരേ ഡിസ്പ്ലേ നേടുന്നതിന്, ഓരോ ലൈൻ ബ്രേക്കിലും നിങ്ങൾ BR എഴുതേണ്ടതുണ്ട്:
ഇപ്പോൾ ഞങ്ങൾ ചുമതല കൈവരിച്ചു, കാവ്യാത്മക വരികൾ ബ്രൗസറിൽ പൂർണ്ണമായും ശരിയായി പ്രദർശിപ്പിക്കും:
അങ്ങനെ, ആവശ്യമായ കൈമാറ്റങ്ങൾവരികൾ പൂർത്തിയായി. ഇവിടെ ശ്രദ്ധിക്കേണ്ട മറ്റൊരു സവിശേഷത, ഒന്നിന് പുറകെ ഒന്നായി വരുന്ന ഒന്നിലധികം സ്‌പെയ്‌സുകൾ വെബ് ബ്രൗസർ ഒന്നായി പ്രദർശിപ്പിക്കുന്നു എന്നതാണ്. ഒരേ എഡിറ്ററിൽ നിങ്ങൾ ഒന്നല്ല, രണ്ട് പദങ്ങൾക്കിടയിൽ നിരവധി ഇടങ്ങൾ ഇടാൻ ശ്രമിച്ചാൽ നിങ്ങൾക്ക് ഇത് സ്ഥിരീകരിക്കാൻ കഴിയും, കൂടാതെ "സംരക്ഷിക്കുക" ബട്ടണിൽ ക്ലിക്കുചെയ്ത്, ബ്രൗസറിലെ ഫലം നോക്കുക.
സ്പെയ്സ്, ടാബ്, ലൈൻ ബ്രേക്ക്
അടിസ്ഥാനപരമായി, ഇവ ഉപയോഗിച്ച് വൈറ്റ്സ്പേസ് പ്രതീകങ്ങൾഎഡിറ്ററിലെ ടെക്സ്റ്റ് ഉപയോഗിച്ച് പ്രവർത്തിക്കാൻ തുടങ്ങുകയും അത് ഫോർമാറ്റ് ചെയ്യുകയും ചെയ്യുമ്പോൾ തന്നെ ഞങ്ങൾ പരിചയപ്പെടുന്നു ശരിയായ രൂപത്തിൽ. അത്തരമൊരു ടാസ്ക് നടപ്പിലാക്കാൻ, പ്രത്യേക കീകൾ ഉണ്ട്, അവയിൽ ഓരോന്നും അതിൻ്റേതായ സ്പേസ് സ്വഭാവവുമായി യോജിക്കുന്നു:
- കമ്പ്യൂട്ടർ കീബോർഡിലെ ഏറ്റവും വിശാലമായ കീയാണ് സ്പേസ്ബാർ (ലേബൽ ഇല്ലാതെ);
- ടാബ് - "ടാബ്" എന്ന ലിഖിതവും വ്യത്യസ്ത ദിശകളിലേക്ക് ചൂണ്ടുന്ന രണ്ട് അമ്പുകളും ഉള്ള ഇടതുവശത്തുള്ള ഒരു കീ;
- ലൈൻ ബ്രേക്ക് - "Enter" കീ.
എന്നിരുന്നാലും, ഞാൻ മുകളിൽ പറഞ്ഞതുപോലെ, ഫൈനൽ ആഗ്രഹിച്ച ഫലംഒരു ടെക്സ്റ്റ് എഡിറ്ററിൽ മാത്രമല്ല, ബ്രൗസറിലും ആദ്യ കീ ഉപയോഗിക്കുമ്പോൾ മാത്രമേ നമുക്ക് അത് ലഭിക്കൂ. മൂന്ന് കീകളും (ടാബും ലൈൻ ബ്രേക്കും ഉൾപ്പെടെ HTML കോഡ് ഫോർമാറ്റ് ചെയ്യുമ്പോൾ ഉപയോഗപ്രദമാണ്. എല്ലാ വൈറ്റ്സ്പേസ് പ്രതീകങ്ങളും പ്രദർശിപ്പിക്കുമ്പോൾ നോട്ട്പാഡ്++ ൽ (ഈ എഡിറ്ററിനെക്കുറിച്ച് ധാരാളം വിവരങ്ങൾ ഉണ്ട്) ഒരു കോഡ് ശകലം ഇങ്ങനെയാണ് കാണപ്പെടുന്നതെന്ന് നമുക്ക് പറയാം:
സ്‌പെയ്‌സുകൾക്ക് നന്ദി, വായിക്കാനും മനസ്സിലാക്കാനും എളുപ്പമുള്ള കോഡ് ഞങ്ങൾക്ക് ലഭിക്കുന്നു. ഓറഞ്ച് അമ്പടയാളങ്ങൾ ടാബ് കീ ഉപയോഗിച്ച് സൃഷ്‌ടിച്ച ഇൻഡൻ്റേഷനുകളെ സൂചിപ്പിക്കുന്നു, കൂടാതെ CR, LF ചിഹ്നങ്ങൾ എൻ്റർ കീ ഉപയോഗിച്ച് സൃഷ്‌ടിച്ച ലൈൻ ബ്രേക്കുകളെ സൂചിപ്പിക്കുന്നു.
പരസ്പരം കൂടുകൂട്ടിയിരിക്കുന്ന കണ്ടെയ്‌നറുകൾ കാണുകയും തുറക്കുകയും അടയ്ക്കുകയും ചെയ്യുന്ന ടാഗുകൾ വ്യക്തമായി കാണാം. ഈ രൂപത്തിൽ ഈ കോഡ്നിങ്ങൾക്ക് എളുപ്പത്തിൽ എഡിറ്റ് ചെയ്യാം. ഇപ്പോൾ അത്തരം ടെക്സ്റ്റ് ഡിവിഷൻ ഇല്ലാത്ത അതേ കോഡുമായി താരതമ്യം ചെയ്യുക:
അതുപോലെ, വൈറ്റ്സ്പേസ് പ്രതീകങ്ങൾ ഉപയോഗിച്ച്, നിങ്ങൾക്ക് എഴുതാനും കഴിയും CSS നിയമങ്ങൾ, ഇത് ദൃശ്യപരമായി വ്യക്തവും ദഹിപ്പിക്കാവുന്നതുമായി കാണപ്പെടും:
നിങ്ങൾ എല്ലാ ശൈലികളും ഒരു പൊതു വിഭാഗത്തിലേക്ക് കൊണ്ടുവന്ന് സ്റ്റൈൽ ഫയൽ എഡിറ്റ് ചെയ്യുന്നത് പൂർത്തിയാക്കിയ ശേഷം, കോഡിൽ നിന്ന് എല്ലാ സ്‌പെയ്‌സുകളും നീക്കം ചെയ്‌ത് നിങ്ങൾക്ക് എഡിറ്റിംഗ് നടത്താം. വർദ്ധിപ്പിക്കുന്നതിന് ഇത് ആവശ്യമാണ്, ഒരു റിസോഴ്സ് പ്രൊമോട്ട് ചെയ്യുമ്പോൾ ഇത് വളരെ പ്രധാനമാണ്.
HTML കോഡിലെ പ്രത്യേക പ്രതീകങ്ങൾ (അല്ലെങ്കിൽ ഓർമ്മപ്പെടുത്തലുകൾ).
ലേഖനത്തിൻ്റെ തുടക്കത്തിൽ ഞാൻ സൂചിപ്പിച്ച പ്രത്യേക പ്രതീകങ്ങൾ ഉപയോഗിക്കേണ്ട സന്ദർഭങ്ങൾ ഇപ്പോൾ നോക്കാം. സ്പെഷ്യലിസ്റ്റ് HTML പ്രതീകങ്ങൾഹൈപ്പർടെക്‌സ്‌റ്റ് മാർക്ക്അപ്പ് ഭാഷയിൽ ഉയർന്നുവന്ന എൻകോഡിംഗുകളുടെ ദീർഘകാല പ്രശ്നം പരിഹരിക്കുന്നതിനാണ് ചിലപ്പോഴൊക്കെ മെമ്മോണിക്സ് എന്ന് വിളിക്കപ്പെടുന്ന ഇവ അവതരിപ്പിച്ചത്.
നിങ്ങൾ കീബോർഡിൽ ടെക്സ്റ്റ് ടൈപ്പ് ചെയ്യുമ്പോൾ, നിങ്ങൾ ഉപയോഗിക്കുന്ന ഭാഷയുടെ പ്രതീകങ്ങൾ എൻകോഡ് ചെയ്യപ്പെടും. വെബ് ബ്രൗസറിൽ, റിവേഴ്സ് ഡീകോഡിംഗ് പ്രവർത്തനത്തിൻ്റെ ഫലമായി നിങ്ങൾ തിരഞ്ഞെടുത്ത ഫോണ്ടുകൾ ഉപയോഗിച്ച് ടൈപ്പ് ചെയ്ത വാചകം പ്രദർശിപ്പിക്കും.
അത്തരം നിരവധി എൻകോഡിംഗുകൾ ഉണ്ട് എന്നതാണ് വസ്തുത; ഇപ്പോൾ നമുക്ക് അവയെ വിശദമായി വിശകലനം ചെയ്യുക എന്ന ലക്ഷ്യമില്ല. അവയിൽ ഓരോന്നിനും ചില ചിഹ്നങ്ങൾ നഷ്‌ടമായേക്കാം, എന്നിരുന്നാലും അവ പ്രദർശിപ്പിക്കേണ്ടതുണ്ട്. ഒരൊറ്റ ഉദ്ധരണി ചിഹ്നമോ ഉച്ചാരണ ചിഹ്നമോ എഴുതാൻ നിങ്ങൾക്ക് ആഗ്രഹം തോന്നുന്നു, എന്നാൽ ഈ ഐക്കണുകൾ സെറ്റിൽ ഉൾപ്പെടുത്തിയിട്ടില്ല.
ഈ പ്രശ്നം ഇല്ലാതാക്കുന്നതിനായി, പ്രത്യേക ചിഹ്നങ്ങളുടെ ഒരു സംവിധാനം അവതരിപ്പിച്ചു, അതിൽ ധാരാളം വ്യത്യസ്ത സ്മരണകൾ ഉൾപ്പെടുന്നു. അവയെല്ലാം "&" എന്ന ആമ്പർസാൻഡിൽ ആരംഭിക്കുകയും സാധാരണയായി ";" എന്ന അർദ്ധവിരാമത്തിൽ അവസാനിക്കുകയും ചെയ്യുന്നു. ആദ്യം, ഓരോ പ്രത്യേക പ്രതീകത്തിനും അതിൻ്റേതായ ഡിജിറ്റൽ കോഡ് ഉണ്ടായിരുന്നു. ഉദാഹരണത്തിന്, ഒരു നോൺ-ബ്രേക്കിംഗ് സ്പെയ്സിനായി, ഞങ്ങൾ കൂടുതൽ വിശദമായി ചുവടെ പരിഗണിക്കും, ഇനിപ്പറയുന്ന എൻട്രി സാധുവായിരിക്കും:
എന്നാൽ കുറച്ച് സമയത്തിന് ശേഷം, ഏറ്റവും സാധാരണമായ ചിഹ്നങ്ങൾ ഓർമ്മിക്കാൻ എളുപ്പമാക്കുന്നതിന് അക്ഷര അനലോഗുകൾ (മെമ്മോണിക്സ്) നൽകി. അതേ നോൺ-ബ്രേക്കിംഗ് സ്‌പെയ്‌സിന് ഇത് ഇതുപോലെയാണെന്ന് പറയാം:
തൽഫലമായി, ബ്രൗസർ അനുബന്ധ ചിഹ്നം പ്രദർശിപ്പിക്കുന്നു. ഓർമ്മപ്പെടുത്തലുകളുടെ പട്ടിക വളരെ വലുതാണ്, HTML-ൽ ഏറ്റവും സാധാരണയായി ഉപയോഗിക്കുന്ന പ്രത്യേക പ്രതീകങ്ങൾഇനിപ്പറയുന്ന പട്ടികയിൽ നിന്ന് നിങ്ങൾക്ക് കണ്ടെത്താനാകും:
| ചിഹ്നം | കോഡ് | സ്മരണകൾ | വിവരണം |
|---|---|---|---|
| നോൺ-ബ്രേക്കിംഗ് സ്പേസ് | |||
| ഇടുങ്ങിയ ഇടം (എൻ-വിഡ്ത്ത് എന്ന അക്ഷരം) | |||
| വിശാലമായ ഇടം (എം-അക്ഷരം m ആയി) | |||
| – | - | – | എൻ ഡാഷ് (എൻ-ഡാഷ്) |
| - | — | — | എം ഡാഷ് (എം ഡാഷ്) |
| | - | | മൃദു കൈമാറ്റം |
| എ | ́ | "സ്ട്രെസ്" എന്ന അക്ഷരത്തിന് ശേഷം സമ്മർദ്ദം ചെലുത്തുന്നു | |
| © | © | പകർപ്പവകാശം | |
| ® | ® | ® | രജിസ്റ്റർ ചെയ്ത വ്യാപാരമുദ്ര |
| ™ | ™ | ™ | വ്യാപാരമുദ്ര അടയാളം |
| º | º | º | ചൊവ്വയുടെ കുന്തം |
| ª | ª | ª | ശുക്രൻ്റെ കണ്ണാടി |
| ‰ | ‰ | ‰ | പിപിഎം |
| π | π | π | പൈ (ടൈംസ് ന്യൂ റോമൻ ഉപയോഗിക്കുക) |
| ¦ | ¦ | ¦ | ലംബമായ ഡോട്ടഡ് ലൈൻ |
| § | § | § | ഖണ്ഡിക |
| ° | ° | ° | ഡിഗ്രി |
| µ | µ | µ | സൂക്ഷ്മ ചിഹ്നം |
| ¶ | ¶ | ¶ | ഖണ്ഡിക അടയാളം |
| … | … | … | ദീർഘവൃത്താകൃതി |
| ‾ | ‾ | ‾ | ഓവർലൈനിംഗ് |
| ´ | ´ | ´ | ഉച്ചാരണ അടയാളം |
| № | № | നമ്പർ ചിഹ്നം | |
| 🔍 | 🔍 | മാഗ്നിഫൈയിംഗ് ഗ്ലാസ് (ഇടത്തോട്ട് ചരിഞ്ഞ്) | |
| 🔎 | 🔎 | മാഗ്നിഫൈയിംഗ് ഗ്ലാസ് (വലത്തേക്ക് ചരിഞ്ഞ്) | |
| ഗണിത, ഗണിത പ്രവർത്തനങ്ങളുടെ അടയാളങ്ങൾ | |||
| × | × | × | ഗുണിക്കുക |
| ÷ | ÷ | ÷ | വീതിക്കുക |
| < | < | കുറവ് | |
| > | > | > | കൂടുതൽ |
| ± | ± | ± | പ്ലസ്/മൈനസ് |
| ¹ | ¹ | ¹ | ബിരുദം 1 |
| ² | ² | ² | ബിരുദം 2 |
| ³ | ³ | ³ | ബിരുദം 3 |
| ¬ | ¬ | ¬ | നിഷേധം |
| ¼ | ¼ | ¼ | നാലിലൊന്ന് |
| ½ | ½ | ½ | ഒരു പകുതി |
| ¾ | ¾ | ¾ | നാലിൽ മൂന്ന് |
| ⁄ | ⁄ | ⁄ | ദശാംശ |
| − | − | − | മൈനസ് |
| ≤ | ≤ | ≤ | കുറവ് അല്ലെങ്കിൽ തുല്യം |
| ≥ | ≥ | ≥ | കൂടുതലോ തുല്യമോ |
| ≈ | ≈ | ≈ | ഏകദേശം (ഏതാണ്ട്) തുല്യം |
| ≠ | ≠ | ≠ | തുല്യമല്ല |
| ≡ | ≡ | ≡ | ഒരേപോലെ |
| √ | √ | √ | സ്ക്വയർ റൂട്ട് (റാഡിക്കൽ) |
| ∞ | ∞ | ∞ | അനന്തത |
| ∑ | ∑ | ∑ | സംഗ്രഹ ചിഹ്നം |
| ∏ | ∏ | ∏ | ജോലി അടയാളം |
| ∂ | ∂ | ∂ | ഭാഗിക വ്യത്യാസം |
| ∫ | ∫ | ∫ | സമഗ്രമായ |
| ∀ | ∀ | ∀ | എല്ലാവർക്കും വേണ്ടി (ബോൾഡാണെങ്കിൽ മാത്രം ദൃശ്യം) |
| ∃ | ∃ | ∃ | നിലവിലുണ്ട് |
| ∅ | ∅ | ∅ | ശൂന്യമായ സെറ്റ് |
| Ø | Ø | Ø | വ്യാസം |
| ∈ | ∈ | ∈ | വകയാണ് |
| ∉ | ∉ | ∉ | ഉൾപ്പെടുന്നില്ല |
| ∋ | ∋ | ∗ | അടങ്ങിയിരിക്കുന്നു |
| ⊂ | ⊂ | ⊂ | ഒരു ഉപവിഭാഗമാണ് |
| ⊃ | ⊃ | ⊃ | ഒരു സൂപ്പർസെറ്റ് ആണ് |
| ⊄ | ⊄ | ⊄ | ഒരു ഉപവിഭാഗമല്ല |
| ⊆ | ⊆ | ⊆ | ഒരു ഉപഗണം അല്ലെങ്കിൽ തുല്യമാണ് |
| ⊇ | ⊇ | ⊇ | ഒരു സൂപ്പർസെറ്റ് അല്ലെങ്കിൽ തുല്യമാണ് |
| ⊕ | ⊕ | ⊕ | കൂടാതെ ഒരു സർക്കിളിൽ |
| ⊗ | ⊗ | ⊗ | ഒരു സർക്കിളിലെ ഗുണന ചിഹ്നം |
| ⊥ | ⊥ | ⊥ | ലംബമായി |
| ∠ | ∠ | ∠ | മൂല |
| ∧ | ∧ | ∧ | ലോജിക്കൽ AND |
| ∨ | ∨ | ∨ | ലോജിക്കൽ OR |
| ∩ | ∩ | ∩ | കവല |
| ∪ | ∪ | ∪ | യൂണിയൻ |
| കറൻസി അടയാളങ്ങൾ | |||
| € | € | € | യൂറോ |
| ¢ | ¢ | ¢ | സെൻറ് |
| £ | £ | £ | Lb |
| ¤ | ¤t; | ¤ | കറൻസി ചിഹ്നം |
| ¥ | ¥ | ¥ | യെൻ, യുവാൻ അടയാളം |
| ƒ | ƒ | ƒ | ഫ്ലോറിൻ അടയാളം |
| മാർക്കറുകൾ | |||
| . | ലളിതമായ മാർക്കർ | ||
| ○ | ○ | വൃത്തം | |
| · | · | · | മധ്യഭാഗം |
| † | † | കുരിശ് | |
| ‡ | ‡ | ഇരട്ട കുരിശ് | |
| ♠ | ♠ | ♠ | കൊടുമുടികൾ |
| ♣ | ♣ | ♣ | ക്ലബ്ബുകൾ |
| ഹൃദയങ്ങൾ | |||
| ♦ | ♦ | ♦ | വജ്രങ്ങൾ |
| ◊ | ◊ | ◊ | റോംബസ് |
| ✏ | ✏ | പെൻസിൽ | |
| ✎ | ✎ | പെൻസിൽ | |
| ✐ | ✐ | പെൻസിൽ | |
| ✍ | ✍ | കൈ | |
| ഉദ്ധരണികൾ | |||
| " | " | " | ഇരട്ട ഉദ്ധരണി |
| & | & | & | ആംപേഴ്സൻഡ് |
| « | « | « | ഇടത് ടൈപ്പോഗ്രാഫിക് ഉദ്ധരണി ചിഹ്നം (ഹെറിങ്ബോൺ ഉദ്ധരണി ചിഹ്നം) |
| » | » | » | വലത് ടൈപ്പോഗ്രാഫിക് ഉദ്ധരണി ചിഹ്നം (ഹെറിങ്ബോൺ ഉദ്ധരണി ചിഹ്നം) |
| ‹ | ‹ | സിംഗിൾ മൂല ഉദ്ധരണിതുറക്കൽ | |
| › | › | ഒറ്റ മൂല ഉദ്ധരണി ക്ലോസിംഗ് | |
| ′ | ′ | ′ | പ്രധാനം (മിനിറ്റുകൾ, അടി) |
| ″ | ″ | ″ | ഇരട്ട പ്രൈം (സെക്കൻഡ്, ഇഞ്ച്) |
| ‘ | ‘ | ‘ | മുകളിൽ ഇടത് ഒറ്റ ഉദ്ധരണി |
| ’ | ’ | ’ | മുകളിൽ വലത് ഒറ്റ ഉദ്ധരണി |
| ‚ | ‚ | ‚ | താഴെ വലത് ഒറ്റ ഉദ്ധരണി |
| “ | “ | “ | quote-foot left |
| ” | ” | ” | മുകളിൽ വലത് കാൽ ഉദ്ധരിക്കുക |
| „ | „ | „ | അടി താഴെ വലതുവശത്ത് ഉദ്ധരിക്കുക |
| ❛ | ❛ | ഒറ്റ ഇംഗ്ലീഷ് ഉദ്ധരണി ചിഹ്നം | |
| ❜ | ❜ | ഒരൊറ്റ ഇംഗ്ലീഷ് ക്ലോസിംഗ് ഉദ്ധരണി ചിഹ്നം | |
| ❝ | ❝ | ഇരട്ട ഉദ്ധരണി ചിഹ്നം തുറക്കുന്നു | |
| ❞ | ❞ | ഇരട്ട ഉദ്ധരണി അടയാളം അടയ്ക്കുന്നു | |
| അമ്പുകൾ | |||
| ← | ← | ← | ഇടത് അമ്പ് |
| മുകളിലേക്കുള്ള അമ്പടയാളം | |||
| → | → | → | വലത് അമ്പ് |
| ↓ | ↓ | ↓ | താഴേക്ക് അമ്പ് |
| ↔ | ↔ | ↔ | ഇടത്തേയും വലത്തേയും അമ്പടയാളം |
| ↕ | ↕ | മുകളിലേക്കും താഴേക്കും അമ്പടയാളം | |
| ↵ | ↵ | ↵ | വണ്ടി മടക്കം |
| ⇐ | ⇐ | ⇐ | ഇരട്ട ഇടത് അമ്പടയാളം |
| ⇑ | ⇑ | ⇑ | ഇരട്ട അമ്പ് |
| ⇒ | ⇒ | ⇒ | ഇരട്ട വലത് അമ്പടയാളം |
| ⇓ | ⇓ | ⇓ | ഇരട്ട താഴേക്കുള്ള അമ്പടയാളം |
| ⇔ | ⇔ | ⇔ | ഇടത്തോട്ടും വലത്തോട്ടും ഇരട്ട അമ്പ് |
| ⇕ | ⇕ | മുകളിലേക്കും താഴേക്കും ഇരട്ട അമ്പടയാളം | |
| ▲ | ▲ | ത്രികോണം മുകളിലേക്കുള്ള അമ്പടയാളം | |
| ▼ | ▼ | ത്രികോണം താഴേക്കുള്ള അമ്പടയാളം | |
| ത്രികോണ വലത് അമ്പടയാളം | |||
| ◄ | ◄ | ഇടത് ത്രികോണ അമ്പടയാളം | |
| നക്ഷത്രങ്ങൾ, മഞ്ഞുതുള്ളികൾ | |||
| ☃ | ☃ | സ്നോമാൻ | |
| ❄ | ❄ | മഞ്ഞുതുള്ളികൾ | |
| ❅ | ❅ | ഷാംറോക്കുകളാൽ സാൻഡ്വിച്ച് ചെയ്ത സ്നോഫ്ലെക്ക് | |
| ❆ | ❆ | കൊഴുത്ത മൂർച്ചയുള്ള കോണാകൃതിയിലുള്ള സ്നോഫ്ലെക്ക് | |
| ★ | ★ | ഷേഡുള്ള നക്ഷത്രം | |
| ☆ | ☆ | ശൂന്യ നക്ഷത്രം | |
| ✪ | ✪ | നിറഞ്ഞ സർക്കിളിൽ നിറയാത്ത നക്ഷത്രം | |
| ✫ | ✫ | ഉള്ളിൽ തുറന്ന വൃത്തം നിറഞ്ഞ നക്ഷത്രം | |
| ✯ | ✯ | കറങ്ങുന്ന നക്ഷത്രം | |
| ⚝ | ⚝ | വരച്ച വെളുത്ത നക്ഷത്രം | |
| ⚪ | ⚪ | മിഡിൽ ഓപ്പൺ സർക്കിൾ | |
| ⚫ | ⚫ | നടുവിൽ നിറഞ്ഞ സർക്കിൾ | |
| ⚹ | ⚹ | സെക്‌സ്‌റ്റൈൽ (സ്നോഫ്ലെക്ക് തരം) | |
| ✵ | ✵ | എട്ട് പോയിൻ്റുള്ള കറങ്ങുന്ന നക്ഷത്രം | |
| ❉ | ❉ | ഗോളാകൃതിയിലുള്ള അറ്റങ്ങളുള്ള നക്ഷത്രം | |
| ❋ | ❋ | ബോൾഡ് എട്ട് പോയിൻ്റുള്ള ഡ്രോപ്പ് ആകൃതിയിലുള്ള നക്ഷത്ര-പ്രൊപ്പല്ലർ | |
| ✺ | ✺ | പതിനാറ് പോയിൻ്റുള്ള നക്ഷത്രചിഹ്നം | |
| ✹ | ✹ | പന്ത്രണ്ട് പോയിൻ്റുള്ള നക്ഷത്രം | |
| ✸ | ✸ | ബോൾഡ് എട്ട് പോയിൻ്റുള്ള നേരായ നിറച്ച നക്ഷത്രം | |
| ✶ | ✶ | ആറ് പോയിൻ്റ് നിറഞ്ഞ നക്ഷത്രം | |
| ✷ | ✷ | എട്ട് പോയിൻ്റുള്ള നേരായ നിറച്ച നക്ഷത്രം | |
| ✴ | ✴ | എട്ട് പോയിൻ്റുള്ള നക്ഷത്രം | |
| ✳ | ✳ | എട്ട് പോയിൻ്റുള്ള നക്ഷത്രം | |
| ✲ | ✲ | ശൂന്യമായ കേന്ദ്രത്തോടുകൂടിയ നക്ഷത്രചിഹ്നം | |
| ✱ | ✱ | തടിച്ച നക്ഷത്രം | |
| ✧ | ✧ | ചൂണ്ടിയ നാല് പോയിൻ്റുള്ള തുറന്ന നക്ഷത്രം | |
| ✦ | ✦ | ചൂണ്ടിയ നാല് പോയിൻ്റുള്ള നിറച്ച നക്ഷത്രം | |
| ⍟ | ⍟ | ഒരു സർക്കിളിൽ നക്ഷത്രമിടുക | |
| ⊛ | ⊛ | ഒരു സർക്കിളിൽ സ്നോഫ്ലെക്ക് | |
| ഘടികാരം, സമയം | |||
| ⏰ | ⏰ | കാവൽ | |
| ⌚ | ⌚ | കാവൽ | |
| ⌛ | ⌛ | മണിക്കൂർഗ്ലാസ് | |
| ⏳ | ⏳ | മണിക്കൂർഗ്ലാസ് | |
നോൺ-ബ്രേക്കിംഗ് സ്‌പെയ്‌സും സോഫ്റ്റ് ഹൈഫനും ഉൾപ്പെടെ ചില പ്രത്യേക പ്രതീകങ്ങൾ ഉപയോഗിക്കുന്ന കേസുകൾ
നിങ്ങൾ ഇതിനകം പട്ടിക അൽപ്പം പഠിച്ചിട്ടുണ്ടെങ്കിൽ, എല്ലാ പ്രത്യേക പ്രതീകങ്ങളും പ്രദർശിപ്പിക്കുന്നതിന്, ഒരു ഡിജിറ്റൽ കോഡ് () അല്ലെങ്കിൽ അതിൻ്റെ അക്ഷരമാല അനലോഗ് (സിംബോളിക് മെമ്മോണിക്സ്) ഉപയോഗിക്കുന്നു, ഒരു കൂട്ടം ഹാഷിന് പകരം ഞാൻ മുകളിൽ പറഞ്ഞതിൻ്റെ സ്ഥിരീകരണം നിങ്ങൾക്ക് ലഭിച്ചു. അടയാളങ്ങളും അക്കങ്ങളും, അക്ഷരങ്ങൾ () എഴുതിയിരിക്കുന്നു.
ഇനി ഈ കോഡുകൾ എപ്പോൾ ഉപയോഗിക്കണമെന്ന് നോക്കാം. ഒരു ലേഖനത്തിൽ വിവരദായക ആവശ്യങ്ങൾക്കായി നിങ്ങൾ ചില HTML ടാഗ് സൂചിപ്പിക്കണമെന്ന് പറയാം, ഉദാഹരണത്തിന്,
അതിനാൽ ഒരേ മേശയിൽ നിന്ന് HTML പ്രത്യേക പ്രതീകങ്ങൾഞങ്ങൾ ഉചിതമായ കോഡുകൾ എടുക്കുന്നു, മുഴുവൻ റെക്കോർഡും ഇതുപോലെ കാണപ്പെടും:
കൂടാതെ, ബ്രൗസറിൽ പ്രദർശിപ്പിക്കുന്നതിന് ആമ്പർസാൻഡ് സൈൻ തന്നെയല്ല, മറിച്ച് അതിൻ്റെ പദവിയാണ് രൂപം , നിങ്ങൾ പട്ടികയിൽ നിന്ന് അതിൻ്റെ കോഡ് ചേർക്കേണ്ടതുണ്ട്:
അടിക്കുറിപ്പ്
അപ്പോൾ ബ്രൗസർ പ്രദർശിപ്പിക്കാൻ പ്രയോഗിക്കേണ്ട മെമ്മോണിക്‌സിൻ്റെ റെക്കോർഡ് കൃത്യമായി പ്രദർശിപ്പിക്കും ഫൂട്ടർ ടാഗ്. അൽപ്പം ആശയക്കുഴപ്പമുണ്ടാക്കുന്നു, എന്നാൽ ഈ പേജ് നിങ്ങളെ പരിശീലിക്കാൻ സഹായിക്കും ഈ വശം"HTML" ഫീൽഡിൽ അനുബന്ധ ചിഹ്നങ്ങൾക്കായി ഓർമ്മപ്പെടുത്തലുകൾ നൽകി "റൺ" ബട്ടൺ ഉപയോഗിച്ച്, "ഫലം" ഏരിയയിൽ ബ്രൗസറിൽ അവയുടെ പ്രദർശനത്തിൻ്റെ ഫലം ലഭിക്കുന്നു:
ഇതിനകം സൂചിപ്പിച്ച BR ടാഗ് ഉപയോഗിച്ചാണ് വാചകം പൊതിഞ്ഞതെന്ന് ഞാൻ ഉറപ്പാക്കിയതിനാൽ അക്ഷരങ്ങൾ തന്നെ ഒരു വരിയിലല്ല, സൗകര്യാർത്ഥം ഒരു കോളത്തിലാണ് പ്രദർശിപ്പിക്കുന്നത്.
മുന്നോട്ടുപോകുക. ചിലപ്പോൾ വാചകത്തിൽ കോമ്പിനേഷനുകൾ ഉണ്ടാകുന്നു, അത് വേർതിരിക്കുന്നത് അഭികാമ്യമല്ല വ്യത്യസ്ത വരികൾ. നമുക്ക് പറയാം, "1000 റൂബിൾസ്." യുക്തിസഹമായിരിക്കും അല്ലെങ്കിൽ അത് ഉപേക്ഷിക്കുക മുകളിലെ വരി, അല്ലെങ്കിൽ മതിയായ ഇടമില്ലെങ്കിൽ, മുഴുവൻ ഘടനയും താഴെയുള്ള ഒരു വരിയിലേക്ക് നീക്കുക.
ഉപയോക്താക്കൾ മൊബൈലുകൾ ഉൾപ്പെടെ വ്യത്യസ്ത സ്ക്രീൻ വീതിയുള്ള ഉപകരണങ്ങൾ ഉപയോഗിക്കുകയാണെങ്കിൽ ഇത് പ്രത്യേകിച്ചും സത്യമാണ്. തീർച്ചയായും, ഈ സാഹചര്യത്തിൽ, വെബ് ബ്രൗസർ ടെക്സ്റ്റ് ഫോർമാറ്റ് ചെയ്യുന്നു, പുതിയ വ്യവസ്ഥകളുമായി പൊരുത്തപ്പെടുന്നു. ഒപ്പം ആണെങ്കിൽ സ്റ്റാൻഡേർഡ് വലുപ്പങ്ങൾമോണിറ്ററിൽ ടെക്സ്റ്റ് ശരിയായി ദൃശ്യമാകുകയാണെങ്കിൽ, അവ മാറ്റുന്നത് എല്ലാം മാറിയേക്കാം.
ഈ കേസുകൾക്കായി ഇത് നൽകിയിരിക്കുന്നു പൊട്ടാത്ത വൈറ്റ് സ്പേസ് HTML , ഞാൻ ഇതിനകം സൂചിപ്പിച്ചത്. ഈ സാഹചര്യത്തിൽ സ്പേസ് കോഡ് ഇപ്രകാരമാണെന്ന് ഞാൻ നിങ്ങളെ ഓർമ്മിപ്പിക്കട്ടെ:
ലിങ്ക് ചെയ്യേണ്ട രണ്ട് സെറ്റ് ചിഹ്നങ്ങൾക്കിടയിൽ ഇത് ചേർക്കേണ്ടതുണ്ട്:
1000 റബ്.
ഇപ്പോൾ ബ്രൗസർ ഒരു സാഹചര്യത്തിലും അവയെ വേർതിരിക്കില്ല, അത് ശരിയായി പ്രദർശിപ്പിക്കുന്നതിന് ടെക്സ്റ്റ് ഫോർമാറ്റിംഗ് ആവശ്യമാണെങ്കിലും.
വളരെ എന്ന അവസ്ഥയുമുണ്ട് നീണ്ട വാക്ക്ചേരുന്നില്ല സ്വതന്ത്ര സ്ഥലംനിങ്ങൾ അതിൻ്റെ ഒരു ഭാഗം നീക്കേണ്ടതുണ്ട്. ആവശ്യമെങ്കിൽ ഈ കേസിൽ ഒരു ന്യൂലൈൻ എനിക്ക് എങ്ങനെ മുൻകൂട്ടി നിശ്ചയിക്കാനാകും? ഇതിനായി ഉണ്ട് പ്രത്യേക മൃദു ഹൈഫൻ പ്രതീകം-, വാക്ക് തകർക്കേണ്ട സ്ഥലത്ത് സ്ഥാപിക്കേണ്ടത് ആവശ്യമാണ്:
നീണ്ട നീണ്ട നീണ്ട വാക്ക്
ഒരു വാക്ക് ഹൈഫനേറ്റ് ചെയ്യേണ്ട സാഹചര്യം ഉണ്ടാകുകയാണെങ്കിൽ, സോഫ്റ്റ് ഹൈഫൻ മെമ്മോണിക് ഉള്ള സ്ഥലത്ത് ഒരു വിടവ് രൂപം കൊള്ളുന്നു, അവിടെ ഒരു ഹൈഫൻ (ഹൈഫൻ) പ്രത്യക്ഷപ്പെടുന്നു, ബാക്കിയുള്ള വാക്ക് ചുവടെയുള്ള വരിയിൽ ദൃശ്യമാകും.
എന്നിരുന്നാലും, പ്രായോഗികമായി, തുടർച്ചയായതും മൃദുവായതുമായ കൈമാറ്റത്തിൻ്റെ ഉദാഹരണങ്ങൾ ഉൾപ്പെടെ, ഈ മുഴുവൻ കാര്യവും കാണുന്നത് ഉപയോഗപ്രദമാകും:
ഈ എഡിറ്ററിൻ്റെ വിൻഡോയിൽ, ഇടത് മൌസ് ബട്ടൺ ഉപയോഗിച്ച് ഈ ഏരിയയുടെ അരികിൽ പിടിച്ച് നിങ്ങൾക്ക് "ഫലം" കാണൽ ഫീൽഡിൻ്റെ വലുപ്പം മാറ്റാൻ കഴിയും, അത് റിലീസ് ചെയ്യാതെ, വീതി കുറയ്ക്കാൻ ഇടത്തേക്ക് വലിച്ചിടുക. ഉള്ളടക്കം ശരിയായി പ്രദർശിപ്പിക്കുന്നതിന് ബ്രൗസർ വീണ്ടും ഫോർമാറ്റ് ചെയ്യാൻ തുടങ്ങുമ്പോൾ ഒരു യഥാർത്ഥ സാഹചര്യം ഉടലെടുക്കുന്നു.
കൈമാറ്റം നടപ്പിലാക്കുന്നു, അത് ഞാൻ വിവരിച്ച ഉദാഹരണങ്ങളിൽ നൽകിയിട്ടുണ്ട്. എന്നിരുന്നാലും, നിങ്ങൾക്ക് തന്നെ കാണൽ വിൻഡോ നീക്കാനും വിപുലീകരിക്കാനും ഇടുങ്ങിയതാക്കാനും ഇത് ദൃശ്യപരമായി പരിശോധിക്കാനും കഴിയും.
ഇത്തവണ നമ്മൾ HTML വൈറ്റ്സ്പേസ് പ്രതീകങ്ങളെക്കുറിച്ച് സംസാരിക്കും. ഒറ്റനോട്ടത്തിൽ, വിഷയം അപ്രധാനവും ശരിക്കും ആവശ്യമില്ലാത്തതുമാണെന്ന് തോന്നുന്നു, എന്നാൽ ഇത് കേസിൽ നിന്ന് വളരെ അകലെയാണെന്ന് നിങ്ങൾക്ക് ഉറപ്പുനൽകാൻ ഞാൻ ധൈര്യപ്പെടുന്നു. HTML-ലെ വൈറ്റ്സ്പേസ് പ്രതീകങ്ങൾ ഉണ്ട്, ഒന്നാമതായി, വ്യക്തവും നിർവചിക്കപ്പെട്ടതുമായ ഉദ്ദേശം, രണ്ടാമതായി, മുൻകൂട്ടി നിശ്ചയിച്ച പെരുമാറ്റം. HTML ലെ വൈറ്റ്സ്പേസ് പ്രതീകങ്ങളുടെ ഉദ്ദേശ്യം കൂടുതലോ കുറവോ വ്യക്തമാണെന്ന് ഞാൻ കരുതുന്നു: വൈറ്റ്സ്പേസ് പ്രതീകങ്ങൾ പ്രധാനമായും ഉപയോഗിക്കുന്നത് HTML ഫോർമാറ്റിംഗ്കോഡ്, പക്ഷേ ഇതിന് മാത്രമല്ല. എന്നാൽ വൈറ്റ്സ്പേസ് പ്രതീകങ്ങളുടെ പെരുമാറ്റത്തെക്കുറിച്ച് എല്ലാം വ്യക്തമാണെന്ന് ഞാൻ കരുതുന്നില്ല. ബ്രൗസറുകൾ വൈറ്റ്സ്പേസ് പ്രതീകങ്ങളെ ഒരു പ്രത്യേക രീതിയിൽ കൈകാര്യം ചെയ്യുന്നു എന്നതാണ് കാര്യം, അതിനാലാണ് വൈറ്റ്സ്പേസ് പ്രതീകങ്ങൾക്ക് വ്യക്തമായി നിർവചിക്കപ്പെട്ട സ്വഭാവമുണ്ടെന്ന് ഞാൻ എഴുതിയത്.
HTML വൈറ്റ്സ്പേസ് പ്രതീകങ്ങളെ തരങ്ങളായി വിഭജിക്കുന്നു എന്നത് ഉടൻ തന്നെ ശ്രദ്ധിക്കുക: HTML ടാബ്, സ്പെയ്സ്, ലൈൻ ബ്രേക്ക്. ഈ തരങ്ങളിൽ ഓരോന്നും പ്രത്യേക രീതിയിൽ ബ്രൗസർ പ്രോസസ്സ് ചെയ്യുന്നു, കൂടാതെ, വൈറ്റ്സ്പേസ് പ്രതീകങ്ങൾ എങ്ങനെ കൈകാര്യം ചെയ്യണമെന്ന് ബ്രൗസറിനോട് പറയുന്ന പ്രത്യേക ടാഗുകൾ HTML-ൽ ഉണ്ട്. HTML-ൽ വൈറ്റ്സ്പേസ് പ്രതീകങ്ങൾ ആവശ്യമായിരിക്കുന്നത് എന്തുകൊണ്ടാണെന്നും HTML-ലെ വൈറ്റ്സ്പേസ് പ്രതീകങ്ങളെ ഏതൊക്കെ തരങ്ങളായി തിരിച്ചിരിക്കുന്നുവെന്നും ബ്രൗസർ അവ എങ്ങനെ കൈകാര്യം ചെയ്യുന്നുവെന്നും ഈ പോസ്റ്റിൽ നിന്ന് നിങ്ങൾ പഠിക്കും.
ഓരോ വൈറ്റ്സ്പേസ് പ്രതീകങ്ങളും ഞങ്ങൾ വിശദമായി പരിഗണിക്കും. റെക്കോർഡിംഗ് ഇനിപ്പറയുന്ന പ്രശ്നങ്ങൾ ഉൾക്കൊള്ളും:
- ബ്രൗസർ എങ്ങനെ കൈകാര്യം ചെയ്യുന്നു വിടവുകൾ HTML പ്രമാണംഇഎന്താണ് തമ്മിലുള്ള വ്യത്യാസം പതിവ് ഇടംഒരു നോൺ ബ്രേക്കിംഗ് സ്പേസും;
- അത് എന്തിനുവേണ്ടിയാണ് ഉപയോഗിക്കുന്നത് HTML-ൽ ടാബ് സ്റ്റോപ്പ്;
- ലൈൻ ബ്രേക്കുകളെ ബ്രൗസർ എങ്ങനെ കൈകാര്യം ചെയ്യുന്നു, HTML-ൽ എന്തുകൊണ്ട് ലൈൻ ബ്രേക്കുകൾ ആവശ്യമാണ്, കൂടാതെ HTML-ൽ ഒരു ലൈൻ ബ്രേക്ക് എങ്ങനെയിരിക്കും?;
- ഒരു ലൈൻ ബ്രേക്ക് നിർബന്ധിക്കാൻ ബ്രൗസറിനെ എങ്ങനെ നിർബന്ധിക്കാം;
- കൂടാതെ HTML-ലെ എല്ലാ വൈറ്റ്സ്പേസ് പ്രതീകങ്ങളും എങ്ങനെ സംരക്ഷിക്കാം.
ബ്രൗസർ വൈറ്റ്സ്പേസ് പ്രതീകങ്ങൾ എങ്ങനെ കൈകാര്യം ചെയ്യുന്നുവെന്ന് മനസിലാക്കാൻ പോസ്റ്റിൽ നിന്നുള്ള വാക്കാലുള്ള വിശദീകരണങ്ങളും ഉദാഹരണങ്ങളും നിങ്ങളെ സഹായിക്കുമെന്ന് ഞാൻ പ്രതീക്ഷിക്കുന്നു.
HTML-ൽ എന്തിനുവേണ്ടിയാണ് വൈറ്റ്സ്പേസ് പ്രതീകങ്ങൾ ഉപയോഗിക്കുന്നത്?
HTML-ലും, നമ്മൾ എന്തെങ്കിലും വികസിപ്പിക്കുന്ന ഏതൊരു ഭാഷയിലും, വൈറ്റ്‌സ്‌പെയ്‌സ് പ്രതീകങ്ങളുണ്ട്. അതിനാൽ നമുക്ക് ആദ്യം ചോദ്യം ഒഴിവാക്കാം: HTML-ലെ വൈറ്റ്സ്പേസ് പ്രതീകങ്ങൾ എന്തിനുവേണ്ടിയാണ്?? ഉത്തരം യഥാർത്ഥത്തിൽ വളരെ ലളിതമാണ്. HTML ലെ വൈറ്റ്സ്പേസ് പ്രതീകങ്ങൾ രണ്ട് ആവശ്യങ്ങൾക്കായി ഉപയോഗിക്കുന്നു. HTML-ലെ വൈറ്റ്സ്പേസ് പ്രതീകങ്ങളുടെ ആദ്യ ഉദ്ദേശം അല്ലെങ്കിൽ ആദ്യ ഉദ്ദേശ്യം HTML പ്രമാണം ഫോർമാറ്റ് ചെയ്യുക എന്നതാണ്.
വൈറ്റ്സ്പേസ് ഉപയോഗിക്കുന്നതിലൂടെ ഞങ്ങൾ HTML കോഡ് ഞങ്ങൾക്കും മറ്റ് ഡെവലപ്പർമാർക്കും വായിക്കാവുന്നതും മനസ്സിലാക്കാവുന്നതുമാക്കി മാറ്റുന്നു. വൈറ്റ്‌സ്‌പെയ്‌സ് ഇല്ലാത്ത കോഡ് വളരെ വായിക്കാനാകുന്നതല്ലെന്നും എഡിറ്റുചെയ്യാൻ വളരെ സൗകര്യപ്രദവുമല്ലെന്നും സമ്മതിക്കുക. HTML ഭാഷാ സ്റ്റാൻഡേർഡ് വൈറ്റ്സ്പേസ് പ്രതീകങ്ങളോട് സഹിഷ്ണുത പുലർത്തുന്നു, അതിനർത്ഥം നമുക്ക് അവ ഒരു ഡോക്യുമെൻ്റിൽ നമുക്ക് ഇഷ്ടമുള്ളതുപോലെ ഉപയോഗിക്കാം അല്ലെങ്കിൽ തുടർച്ചയായ കോഡ് എഴുതാം എന്നാണ്.
HTML-ലെ വൈറ്റ്സ്പേസ് പ്രതീകങ്ങളുടെ രണ്ടാമത്തെ ഉദ്ദേശ്യം, ലോജിക്കൽ ആണെന്ന് ഒരാൾ പറഞ്ഞേക്കാം, സ്‌പെയ്‌സുകളില്ലാത്ത ടെക്സ്റ്റുകൾ പൂർണ്ണമായും വായിക്കാൻ കഴിയാത്തതിനാൽ, വാക്കുകൾ പരസ്പരം വേർതിരിക്കുന്നതിന് ഞങ്ങൾ വൈറ്റ്‌സ്‌പെയ്‌സ് പ്രതീകങ്ങൾ ഉപയോഗിക്കുന്നു. നിങ്ങൾ അബദ്ധവശാൽ വാക്കുകൾക്കിടയിൽ നിരവധി ഇടങ്ങൾ ഇടുന്ന സാഹചര്യങ്ങളുണ്ട് HTML ടാഗ്കൂടാതെ, ഈ സാഹചര്യത്തിൽ, ബ്രൗസർ ഈ ഇടങ്ങൾ ഒന്നിലേക്ക് "കംപ്രസ്സ്" ചെയ്യും. ഭാവിയിൽ, ഞങ്ങൾ ഇത് ഉറപ്പാക്കുകയും ഒരു ഉദാഹരണം നോക്കുകയും ചെയ്യും.
അതോടൊപ്പം ഞങ്ങൾ പ്രതീക്ഷിക്കുന്നു HTML-ലെ വൈറ്റ്സ്പേസ് പ്രതീകങ്ങളുടെ ഉദ്ദേശ്യം ഞങ്ങൾ കണ്ടെത്തിഇപ്പോൾ നമുക്ക് മുന്നോട്ട് പോകാം. വൈറ്റ്‌സ്‌പെയ്‌സിൻ്റെ വിഷയം വളരെ ലളിതമാണ്, പക്ഷേ പ്രധാനമാണ്. അടിസ്ഥാനപരമായി, HTML-ൽ ഇല്ല ബുദ്ധിമുട്ടുള്ള വിഷയങ്ങൾകൂടാതെ ഒന്നും അപ്രധാനമല്ല, കാരണം HTML പിന്തുടരേണ്ട ഒരു മാനദണ്ഡമാണ്.
HTML-ലെ വൈറ്റ്സ്പേസ് പ്രതീകങ്ങളുടെ തരങ്ങൾ
വൈറ്റ്സ്പേസ് പ്രതീകങ്ങളുടെ ഉദ്ദേശ്യത്തെക്കുറിച്ച് എല്ലാം വ്യക്തമായതിനാൽ, വൈറ്റ്സ്പേസ് പ്രതീകങ്ങളുടെ തരങ്ങൾ മനസ്സിലാക്കുന്നത് മൂല്യവത്താണ്. HTML-ലും പൊതുവേ, വൈറ്റ്സ്പേസ് പ്രതീകങ്ങളെ ഇനിപ്പറയുന്ന രീതിയിൽ വേർതിരിക്കാം: സ്ഥലം, ടാബ്, ലൈൻ ബ്രേക്ക്. വൈറ്റ്സ്പേസ് പ്രതീകങ്ങളെ വാക്കുകളിൽ വിവരിക്കുന്നത് നല്ലതാണ്, പക്ഷേ അവ എൻ്റെ സ്വന്തം കണ്ണുകൊണ്ട് കാണാൻ ഞാൻ ആഗ്രഹിക്കുന്നു, ഇത് ഞങ്ങളെ സഹായിക്കും, ഇതിന് വാക്യഘടന ഹൈലൈറ്റിംഗ് ഉണ്ട്, എന്നാൽ നോട്ട്പാഡ് ++ ന് വൈറ്റ്സ്പേസ് പ്രതീകങ്ങൾ പ്രദർശിപ്പിക്കാൻ കഴിയുമെന്നത് ഇപ്പോൾ ഞങ്ങൾക്ക് പ്രധാനമാണ്.
ചിത്രത്തിൽ ശ്രദ്ധിക്കുക: ഇത് നോട്ട്പാഡ് ++ ൽ നിന്നുള്ള ഒരു സ്ക്രീൻഷോട്ടാണ്, ഞങ്ങൾ സംസാരിച്ച പോസ്റ്റിൽ നിന്ന് തുറന്നതാണ് . ഓറഞ്ച് അമ്പ് - ഇതൊരു HTML പ്രമാണത്തിലെ ഒരു ടാബാണ്. ഞാൻ വിൻഡോസ് 10 പ്രവർത്തിപ്പിക്കുന്നതിനാൽ, HTML ലെ ലൈൻ ബ്രേക്കുകൾ രണ്ട് പ്രതീകങ്ങളാൽ പ്രദർശിപ്പിക്കും: CR, LF(ഇത് OS കുടുംബത്തിലെ ടൈപ്പ്റൈറ്ററുകളിൽ നിന്ന് വരുന്ന ഒരു പാരമ്പര്യമാണ് ലിനക്സ് പോർട്ട് LF എന്ന ചിഹ്നത്താൽ വരികൾ സൂചിപ്പിച്ചിരിക്കുന്നു). എന്നാൽ നോട്ട്പാഡ്++ ലെ സ്പേസ് ബാർ ഒരു ചുവന്ന ഡോട്ട് ചിഹ്നമായി പ്രദർശിപ്പിച്ചിരിക്കുന്നു; നിങ്ങൾ സ്‌ക്രീൻഷോട്ട് സൂക്ഷ്മമായി നോക്കിയാൽ, നിങ്ങൾ അത് ശ്രദ്ധിക്കും.
അതിനാൽ, ഒരു HTML പ്രമാണത്തിൽ വൈറ്റ്സ്പേസ് പ്രതീകങ്ങൾ കാണാൻ നോട്ട്പാഡ്++ ഞങ്ങളെ സഹായിച്ചു: ടാബ്, ലൈൻ ബ്രേക്ക്, സ്പേസ്. എന്നിരുന്നാലും, ഈ വൈറ്റ്സ്പേസ് പ്രതീകങ്ങളിൽ ഭൂരിഭാഗവും ഞങ്ങൾ കാണില്ല HTML പേജ്, ബ്രൗസർ ഞങ്ങൾക്കായി സൃഷ്ടിക്കുന്നവയാണ്. HTML വൈറ്റ്‌സ്‌പെയ്‌സിനോട് സംവേദനക്ഷമമല്ലെന്ന് ഞങ്ങൾ ഇതിനകം പറഞ്ഞിട്ടുണ്ട്, കൂടാതെ ബ്രൗസറുകൾ ടാഗുകൾക്കിടയിലുള്ള എല്ലാ വൈറ്റ്‌സ്‌പെയ്‌സും നിരസിക്കുന്നു.
ഓരോ വൈറ്റ്‌സ്‌പെയ്‌സ് പ്രതീകവും നിങ്ങളുടെ ഹാർഡ് ഡ്രൈവിൽ ഇടം പിടിക്കുന്നു എന്ന വസ്തുതയിലേക്ക് നിങ്ങളുടെ ശ്രദ്ധ ക്ഷണിക്കാൻ ഞങ്ങൾ ആഗ്രഹിക്കുന്നു; HTML-ലെ ഒരു വൈറ്റ്സ്പേസ് പ്രതീകത്തിൻ്റെ വലുപ്പം പ്രമാണത്തിൻ്റെ എൻകോഡിംഗിനെ ആശ്രയിച്ചിരിക്കുന്നു. അതിനാൽ, നിങ്ങൾ ബ്രൗസ് ചെയ്യുകയും സൈറ്റിൻ്റെ ലോഡിംഗ് വേഗത കുറയ്ക്കുകയും ചെയ്യുകയാണെങ്കിൽ, ഹോസ്റ്റിംഗിൽ നിങ്ങൾക്ക് ഇടയിലുള്ള എല്ലാ വൈറ്റ്‌സ്‌പെയ്‌സ് പ്രതീകങ്ങളും നീക്കംചെയ്യാൻ ശ്രമിക്കാം, അതുവഴി ഡോക്യുമെൻ്റിൻ്റെ വലുപ്പം കുറയുന്നു.
HTML-ൽ സ്‌പെയ്‌സും നോൺ ബ്രേക്കിംഗ് സ്‌പെയ്‌സും
ഇനി നമുക്ക് ഓരോ വൈറ്റ്സ്പേസ് പ്രതീകങ്ങളും വ്യക്തിഗതമായി നോക്കാം. HTML-ലെ സ്‌പെയ്‌സുകളിൽ നിന്ന് തുടങ്ങാം. അതിനാൽ, ടാഗുകൾക്കിടയിലുള്ള എല്ലാ വൈറ്റ്സ്പേസ് പ്രതീകങ്ങളെയും ബ്രൗസർ അവഗണിക്കുന്നുവെന്ന് ഞങ്ങൾക്കറിയാം. എന്നാൽ ടാഗുകൾക്കുള്ളിലെ വൈറ്റ്സ്പേസ് ബ്രൗസർ എങ്ങനെ കൈകാര്യം ചെയ്യുന്നു? പ്രധാനപ്പെട്ട ചോദ്യം, പേജിൽ ടെക്സ്റ്റുകൾ എങ്ങനെ പ്രദർശിപ്പിക്കണമെന്ന് ഇത് നിർണ്ണയിക്കുന്നു. ഇത് ഒരു ഉദാഹരണത്തിലൂടെ നോക്കാം. നിങ്ങൾക്ക് സൗകര്യപ്രദമായ ഏതെങ്കിലും എഡിറ്റർ തുറക്കുക, നിങ്ങൾക്ക് ഒരു സാധാരണ നോട്ട്പാഡ് പോലും ഉപയോഗിക്കാം, എന്നാൽ HTML-മായി പ്രവർത്തിക്കാനുള്ള മികച്ച കഴിവുകളുള്ള, ഇനിപ്പറയുന്ന കോഡ് ടൈപ്പുചെയ്യാൻ ഞാൻ നിങ്ങളെ ശുപാർശ ചെയ്യുന്നു:
നിങ്ങൾക്ക് സൗകര്യപ്രദമായ ഏതെങ്കിലും ഫോൾഡറിലേക്ക് .html എക്സ്റ്റൻഷൻ ഉപയോഗിച്ച് ഫയൽ സംരക്ഷിച്ച് ബ്രൗസറിൽ തുറക്കുക, നിങ്ങൾ ഈ ചിത്രം കാണും:
ആദ്യത്തെ HTML ഖണ്ഡികയിൽ ബ്രൗസർ എല്ലാം "പരിവർത്തനം" ചെയ്തതായി ഞങ്ങൾ കാണുന്നു അധിക ഇടങ്ങൾകൂടാതെ സ്പേസ് ഒഴികെയുള്ള വൈറ്റ്‌സ്‌പെയ്‌സ് പ്രതീകങ്ങളും ഒരൊറ്റ സ്‌പെയ്‌സിലേക്ക്. എന്നാൽ രണ്ടാമത്തെ ഖണ്ഡികയിൽ ഞങ്ങളുടെ സ്ഥിതി കുറച്ച് വ്യത്യസ്തമാണ്. ഇവിടെ നമ്മൾ ഒരു പ്രത്യേക പ്രതീകം ഉപയോഗിക്കുന്നു, അത് പലപ്പോഴും പറയപ്പെടുന്നു HTML-ൽ നോൺ-ബ്രേക്കിംഗ് സ്പേസ്. ഇത് ഒരു പ്രത്യേക എൻകോഡിംഗ് സീക്വൻസായതിനാൽ HTML-ൽ ഒരു നോൺ-ബ്രേക്കിംഗ് സ്പേസ് പറയുന്നത് പൂർണ്ണമായും ശരിയല്ല എന്നതാണ് കാര്യം.
HTML പ്രമാണങ്ങളിലെ നോൺ-ബ്രേക്കിംഗ് സ്‌പെയ്‌സുകൾ, മറ്റേതൊരു പ്രമാണത്തിലെയും പോലെ, തുറക്കുന്ന പ്രോഗ്രാമിനെ അറിയിക്കാൻ ഉപയോഗിക്കുന്നു ഈ പ്രമാണം(ഞങ്ങളുടെ കാര്യത്തിൽ ബ്രൗസറിലേക്ക്) ഈ വാക്കുകൾ ഒരു സ്പെയ്സ് ഉപയോഗിച്ച് അഭേദ്യമായി ബന്ധിപ്പിച്ചിരിക്കുന്നു, മറ്റൊരു വിധത്തിൽ പറഞ്ഞാൽ, നമ്മൾ “ഹലോ വേൾഡ്!” എന്ന് എഴുതുകയാണെങ്കിൽ, ബ്രൗസർ ഒരിക്കലും “ലോകം!” എന്ന വാക്ക് കൈമാറില്ല. ഒരു പുതിയ വരിയിൽ "ഹലോ" എന്ന വാക്ക് ഇല്ലാതെ, റാപ്പിംഗ് ഒരുമിച്ച് മാത്രമേ നടപ്പിലാക്കൂ. കൂടാതെ മറ്റെല്ലാം HTML-ലെ നോൺ-ബ്രേക്കിംഗ് സ്പേസ് ഉപയോഗിക്കാം HTML ടാഗുകൾക്കുള്ളിൽ വാക്കുകൾക്കിടയിൽ കുറച്ച് ഇടങ്ങൾ ഇടാൻ.
ബ്രൗസർ വിൻഡോ കാണിക്കുന്ന ചിത്രം ശ്രദ്ധിക്കുക: HTML ടാഗിനുള്ളിൽ ഞങ്ങൾ ഒരു നോൺ-ബ്രേക്കിംഗ് സ്പേസ് ഉപയോഗിച്ചിട്ടും ബ്രൗസർ എല്ലാ ലൈൻ ബ്രേക്കുകളും അവഗണിച്ചു.
നമുക്ക് സംഗ്രഹിക്കാം: HTML ടാഗുകൾക്ക് പുറത്തുള്ള എല്ലാ വൈറ്റ്സ്പേസ് പ്രതീകങ്ങളെയും ബ്രൗസർ അവഗണിക്കുകയും ബ്രൗസർ കംപ്രസ് ചെയ്യുകയും ചെയ്യുന്നു HTML ടാഗിനുള്ളിലെ എല്ലാ വൈറ്റ്സ്പേസ് പ്രതീകങ്ങളും ഒരു സ്പെയ്സ് വരെ, HTML ടാഗിനുള്ളിൽ ഒരു നോൺ-ബ്രേക്കിംഗ് സ്പേസ് ഉപയോഗിച്ചിട്ടില്ലെങ്കിൽ.
HTML ടാബ് അല്ലെങ്കിൽ മറ്റൊരു സ്പേസ് പ്രതീകം
HTML ടാബ് മറ്റൊരു വൈറ്റ്സ്പേസ് പ്രതീകമാണ്. മിക്കപ്പോഴും, HTML-ലെ ടാബുകൾ എഡിറ്ററിൽ HTML കോഡ് ഫോർമാറ്റ് ചെയ്യാൻ ഉപയോഗിക്കുന്നു. ഒരു HTML ടാഗിനുള്ളിൽ ടാബുകൾ ഉപയോഗിക്കരുത്.
ഏതിനെക്കുറിച്ചാണ് നമ്മൾ അടുത്തതായി സംസാരിക്കുന്നത്. ടാബുലേഷനിൽ ഇല്ല എന്നതാണ് കാര്യം നിശ്ചിത വലിപ്പം. എഡിറ്ററിലും ബ്രൗസറിലും ടാബ് വലുപ്പം ക്രമീകരിക്കാൻ കഴിയും. അതിനാൽ, ഒരു പ്രത്യേക ഉപയോക്താവിനായി ടാബുലേഷൻ എങ്ങനെ പ്രദർശിപ്പിക്കുമെന്ന് കൃത്യമായി പറയാൻ കഴിയില്ല.HTML-ലെ ടാബുലേഷൻ ഇഷ്‌ടാനുസൃതമാക്കാം (HTML-ൽ മാത്രമല്ല), കാരണം അത് ഒന്നിച്ചു ചേർന്ന നിരവധി ഇടങ്ങളെ പ്രതിനിധീകരിക്കുന്നു. ഒരു സ്പേസ് ടാബ് പ്രതീകം എഴുതാൻ, ടാബ് കീ അമർത്തുക (ഇത് ഏത് എഡിറ്ററിലും പ്രവർത്തിക്കുമെന്ന് ഞാൻ കരുതുന്നു). HTML-ലെ ടാബുലേഷൻ കോഡ് ഫോർമാറ്റ് ചെയ്യാൻ ഉപയോഗിക്കാം (ഫോർമാറ്റിംഗ് കോഡിനെ HTML-ൽ നേരിട്ട് ഫോർമാറ്റിംഗ് ടെക്സ്റ്റുമായി ആശയക്കുഴപ്പത്തിലാക്കരുത്), എന്നാൽ ഇത് HTML ടാഗുകൾക്കുള്ളിൽ ഉപയോഗിക്കരുത്, കാരണം ഇത് ഓരോ ഉപയോക്താവിനും അവൻ്റെ ക്രമീകരണങ്ങൾക്ക് അനുസൃതമായി പ്രദർശിപ്പിക്കും, അതിനാൽ വ്യത്യസ്തമായി . ഒരുപക്ഷെ, ഞങ്ങൾക്ക് കഴിയുന്നതെല്ലാം ഞങ്ങൾ പറഞ്ഞിട്ടുണ്ട് HTML പ്രമാണങ്ങളിലും എഡിറ്ററുകളിലും ടാബുകൾ ഉപയോഗിക്കുന്നു.
HTML ലൈൻ ബ്രേക്ക് അല്ലെങ്കിൽ മൂന്നാം സ്പേസ് പ്രതീകം. ലൈൻ ബ്രേക്ക് കഥാപാത്രം
HTML ലെ ലൈൻ ബ്രേക്ക്, കൂടാതെ HTML-ൽ മാത്രമല്ല, ക്ലിക്കുചെയ്ത് ചെയ്യുന്നു കീകൾ നൽകുക. ലൈൻ ബ്രേക്ക് കഥാപാത്രംഓപ്പറേഷൻ റൂമുകളിൽ ലിനക്സ് സിസ്റ്റങ്ങൾ: എൽ.എഫ്. ഓപ്പറേഷൻ റൂമുകളിൽ വിൻഡോസ് സിസ്റ്റങ്ങൾ സിആർ എൽഎഫ്, വി മാക് സിസ്റ്റങ്ങൾപതിപ്പ് ഒമ്പതിന് മുമ്പുള്ള OS, ലൈൻ ബ്രേക്ക് പ്രതീകം ക്രമമായിരുന്നു CR. അതിനാൽ ഞങ്ങൾക്ക് അത് ഇതിനകം അറിയാം HTML പ്രമാണത്തിലെ ലൈൻ ബ്രേക്കുകൾ ബ്രൗസർ അവഗണിക്കുന്നു, അവർ എവിടെയാണെങ്കിലും.
HTML ലെ ലൈൻ ബ്രേക്ക്പ്രധാനമായും കോഡ് എഡിറ്റ് ചെയ്യുന്നതിനും ഫോർമാറ്റ് ചെയ്യുന്നതിനും അത് വായിക്കാവുന്നതും എഡിറ്റ് ചെയ്യാൻ എളുപ്പവുമാക്കാൻ ഉപയോഗിക്കുന്നു, നിങ്ങൾക്കും നിങ്ങളോടൊപ്പം പ്രവർത്തിക്കുന്ന ആളുകൾക്കും കോഡ് വായിക്കുന്നത് എളുപ്പമാക്കുന്നതിന് ഒരു ലൈൻ ബ്രേക്ക് ഇടാനുള്ള അവസരം അവഗണിക്കരുത്.
ബ്രൗസർ എങ്ങനെയാണ് ലൈൻ ബ്രേക്ക് ചെയ്യുന്നത്
അതിനാൽ, വൈറ്റ്സ്പേസ് പ്രതീകങ്ങളെ ബ്രൗസർ എങ്ങനെ വ്യാഖ്യാനിക്കുന്നുവെന്ന് ഞങ്ങൾ ഇതിനകം കണ്ടെത്തി, തത്വത്തിൽ, വൈറ്റ്സ്പേസ് പ്രതീകങ്ങൾ എന്താണെന്ന ചോദ്യം സ്വയം തീരുമാനിച്ചു: ടാബ്, സ്പേസ്, നോൺ ബ്രേക്കിംഗ് സ്പേസ്, ലൈൻ ബ്രേക്ക്, ഞങ്ങൾക്ക് ആവശ്യമാണ് കോഡ് ഫോർമാറ്റ് ചെയ്യാൻഅത് വായിക്കാൻ കഴിയുന്ന തരത്തിൽ. മതിയായ വ്യൂപോർട്ട് ഇല്ലാത്തപ്പോൾ ബ്രൗസർ എങ്ങനെ ലൈനുകൾ തകർക്കുന്നു എന്നതിനെക്കുറിച്ച് സംസാരിച്ചില്ലെങ്കിൽ ഞങ്ങൾ മുഴുവൻ സത്യവും പറയില്ല.
ബ്രൗസറിനെ സംബന്ധിച്ചിടത്തോളം, സ്പേസ് പ്രതീകങ്ങൾ മാർഗ്ഗനിർദ്ദേശങ്ങളാണ്, അത് കാണുന്ന സ്ഥലത്തേക്ക് ഘടിപ്പിക്കാൻ കഴിയാത്ത സാഹചര്യത്തിൽ വരികൾ എങ്ങനെ പൊതിയുമെന്ന് നിർണ്ണയിക്കുന്നു. ലളിതമായ ഒരു ഉദാഹരണം നടപ്പിലാക്കാൻ ശ്രമിക്കാം. നമുക്ക് സൃഷ്ടിക്കാം ലളിതമായ HTMLപ്രമാണം. ഏതെങ്കിലും സൗകര്യപ്രദമായ എഡിറ്റർ തുറക്കുക, ഉദാഹരണത്തിന്, ഇനിപ്പറയുന്ന കോഡ് എഴുതുക:
HTML-ലെ വൈറ്റ്സ്പേസ് സ്‌പെയ്‌സുകളില്ലാതെ എഴുതിയ വാചകം കൈമാറില്ല
കാണൽ ഏരിയ മുഴുവൻ ലൈനിനും യോജിപ്പിക്കാൻ പര്യാപ്തമല്ലെങ്കിൽ ലൈനുകൾ തകർക്കാൻ ബ്രൗസർ വൈറ്റ്സ്പേസ് ഉപയോഗിക്കുന്നു.
< ! DOCTYPE html > < html lang = "ru-RU" > < head > < meta charset = "UTF-8" > < title >HTML-ലെ വൈറ്റ്സ്പേസ് പ്രതീകങ്ങൾ< / title > < link rel = "stylesheet" type = "text/css" href = "style.css" / > < / head > < body > < h1 >സ്‌പെയ്‌സുകളില്ലാതെ എഴുതിയ വാചകം കൈമാറില്ല< / h1 > < p >റാപ്പിംഗ് നടത്താൻ ബ്രൗസർ വൈറ്റ്സ്പേസ് പ്രതീകങ്ങൾ ഉപയോഗിക്കുന്നു ആവശ്യത്തിന് കാഴ്ച സ്ഥലമില്ലാത്ത സാഹചര്യത്തിൽ ലൈനുകൾ മുഴുവൻ വരിയിലും യോജിക്കുന്നു< / p > < / body > < / html > |
തുടർന്ന് ബ്രൗസറിൽ ഉദാഹരണം തുറന്ന് കാണൽ ഏരിയ പരമാവധി കുറയ്ക്കുക, ചുവടെയുള്ള ചിത്രത്തിലെ അതേ ചിത്രം നിങ്ങൾ കാണും.
HTML ഹെഡറിൻ്റെ കാര്യത്തിൽ, ബ്രൗസർ ഒന്നും പൊതിയാതെ ലൈൻ അതേപടി ഉപേക്ഷിച്ചു. എന്നാൽ ഒരു HTML ഖണ്ഡികയുടെ കാര്യത്തിൽ, ബ്രൗസറിന് അത് ഒരു ധാരണയുണ്ട് വരികൾ എങ്ങനെ പൊതിയാംഖണ്ഡികയുടെ ടെക്സ്റ്റിൽ വൈറ്റ്സ്പേസ് പ്രതീകങ്ങൾ അടങ്ങിയിരിക്കുന്നു എന്ന വസ്തുത കാരണം, ഒരു ലൈൻ ബ്രേക്ക് നടപ്പിലാക്കുന്നതിനായി ബ്രൗസർ ഫോക്കസ് ചെയ്യുന്നു.
അതിനാൽ ഞങ്ങൾ ഇതിനകം കണ്ടെത്തി HTML-ൽ വൈറ്റ്‌സ്‌പെയ്‌സിൻ്റെ മൂന്ന് ഉപയോഗങ്ങൾ: ആദ്യത്തേതും പ്രധാനവുമായത് കോഡ് ഫോർമാറ്റ് ചെയ്യാൻ വൈറ്റ്സ്പേസ് പ്രതീകങ്ങൾ ഉപയോഗിക്കുന്നു എന്നതാണ്, രണ്ടാമത്തെ പ്രയോഗം, വൈറ്റ്സ്പേസ് പ്രതീകങ്ങളിൽ ശ്രദ്ധ കേന്ദ്രീകരിക്കുന്ന ബ്രൗസർ, മതിയായ വ്യൂപോർട്ട് ഇല്ലാത്തപ്പോൾ ലൈൻ ബ്രേക്ക് ചെയ്യുന്നു, കൂടാതെ HTML-ലെ വൈറ്റ്സ്പേസ് പ്രതീകങ്ങളുടെ മൂന്നാമത്തെ ഉപയോഗം വാചകത്തിലെ വാക്കുകൾ വേർതിരിക്കുന്നതിനെ കുറിച്ച്.
HTML-ൽ നിർബന്ധിത ലൈൻ ബ്രേക്ക്. HTML ടാഗ്
അതിനാൽ, ബ്രൗസർ ആണെന്ന് ഞങ്ങൾ കണ്ടെത്തി HTML ലെ ലൈൻ ബ്രേക്കുകളിൽ തുമ്മുന്നു, എന്നാൽ ബ്രൗസറിലെ വ്യൂപോർട്ട് അവസാനിക്കുന്നിടത്ത് അല്ലാതെ നമുക്ക് ആവശ്യമുള്ളിടത്ത് ലൈൻ തകർക്കേണ്ട ആവശ്യമുണ്ടെങ്കിൽ നമ്മൾ എന്തുചെയ്യണം? ഉദാഹരണത്തിന്, ഞങ്ങൾ കവിതകൾ പ്രസിദ്ധീകരിക്കാൻ ആഗ്രഹിക്കുന്നു, പക്ഷേ അവ ഖണ്ഡികകളായി പ്രസിദ്ധീകരിക്കുന്നത് വളരെ ശരിയും അസൗകര്യവുമല്ല. അത്തരം സാഹചര്യങ്ങളിൽ, HTML ടാഗ് നമ്മെ രക്ഷിക്കുകയും നമ്മെ വളരെയധികം രക്ഷിക്കുകയും ചെയ്യുന്നു.
.
BR ആണ് ചെറിയക്ഷരം HTMLമൂലകവും ഒരൊറ്റ HTML ടാഗും. HTML ടാഗ് എക്സിക്യൂട്ട് ചെയ്യുന്നു
ഒരൊറ്റ ലളിതമായ ഒന്ന്, പക്ഷേ പ്രധാന പ്രവർത്തനം – ഫോഴ്‌സ് ലൈൻ ബ്രേക്കുകൾ. ബ്രൗസർ HTML ടാഗ് കാണുമ്പോൾ
, ഇത് ഉപയോക്താക്കൾ ഒരു ലൈൻ ബ്രേക്ക് ആയി കാണുന്ന ഒരു HTML ഘടകം സൃഷ്ടിക്കുന്നു. ഒരു ഉദാഹരണം ഉപയോഗിച്ച് നിർബന്ധിത ലൈൻ ബ്രേക്ക് ഉണ്ടാക്കാം, നിങ്ങൾക്ക് സൗകര്യപ്രദമായ ഏതെങ്കിലും എഡിറ്റർ തുറക്കുക, എൻ്റെ അഭിപ്രായത്തിൽ ഏറ്റവും കൂടുതൽ സൗകര്യപ്രദമായ എഡിറ്റർമാർആണ്, ഇനിപ്പറയുന്ന കോഡ് പകർത്തുക:
വെളുത്ത ബിർച്ച്
എൻ്റെ ജനലിനു താഴെ
മഞ്ഞു മൂടി
കൃത്യമായി വെള്ളി.
< ! DOCTYPE html > < html lang = "ru-RU" > < head > < meta charset = "UTF-8" > < title >HTML-ലെ വൈറ്റ്സ്പേസ് പ്രതീകങ്ങൾ< / title > < link rel = "stylesheet" type = "text/css" href = "style.css" / > < / head > < body > < p >വെളുത്ത ബിർച്ച്< br >എൻ്റെ ജനലിനു താഴെ< br > മഞ്ഞ് കൊണ്ട് എന്നെ പൊതിഞ്ഞു,< br >കൃത്യമായി വെള്ളി.< / p > < / body > < / html > |
യെസെനിൻ്റെ കൃതിയിൽ നിന്നുള്ള ക്വാട്രെയിൻ ഇനിപ്പറയുന്ന രീതിയിൽ പ്രദർശിപ്പിക്കും:
കവിതയുടെ ഓരോ വരിയും എഴുതിയിരിക്കുന്നു പുതിയ വര, തത്വത്തിൽ, ഇതാണ് ഞങ്ങൾ അന്വേഷിച്ചത്. അതിനാൽ, ടാഗ് ചെയ്യുക
വേണ്ടി ഉപയോഗിക്കുന്നു HTML-ൽ ഫോഴ്‌സ് ലൈൻ ബ്രേക്കുകൾ. നിങ്ങൾ തുടർച്ചയായി രണ്ടോ അതിലധികമോ ബിആർ ടാഗുകൾ എഴുതുകയാണെങ്കിൽ, ടാഗുകൾ ഉള്ളത്ര നിർബന്ധിത ലൈൻ ബ്രേക്കുകൾ ബ്രൗസർ സൃഷ്ടിക്കും.
അവൻ പ്രമാണത്തിൽ കാണും.
ടാഗിൻ്റെ ഒരു പ്രധാന സവിശേഷത
കോഡിൽ അതിന് മുമ്പുള്ള എല്ലാ വൈറ്റ്സ്പേസ് പ്രതീകങ്ങളും അതിന് ശേഷം സ്ഥിതിചെയ്യുന്ന എല്ലാ പ്രതീകങ്ങളും അവഗണിക്കപ്പെടുന്നു എന്നതാണ്. അതിനാൽ, ഈ ടാഗ് ഉപയോഗിച്ച് നിങ്ങൾക്ക് സുരക്ഷിതമായി ഒരു നിർബന്ധിത ലൈൻ ബ്രേക്ക് സൃഷ്ടിക്കാൻ കഴിയും, ഒരു അധിക വൈറ്റ് സ്പേസ് പ്രതീകം എവിടെയെങ്കിലും "ക്രോൾ ഔട്ട്" ചെയ്യുമെന്ന് ഭയപ്പെടാതെ. ടാഗ് എന്നത് ശ്രദ്ധിക്കേണ്ടതാണ്
അടുത്തത് എങ്ങനെ കൈകാര്യം ചെയ്യണമെന്ന് ബ്രൗസറിനോട് പറയുന്ന ഒരു ക്ലിയർ ഉണ്ട്
വാചകം ഒരു ഫ്ലോട്ടിംഗ് HTML ഘടകത്തിന് ചുറ്റും പൊതിഞ്ഞാൽ വരി, എന്നാൽ ഞങ്ങൾ അതിനെ കുറിച്ച് മറ്റൊരു പോസ്റ്റിൽ സംസാരിക്കും.
HTML-ൽ വൈറ്റ്സ്പേസ് സംരക്ഷിക്കുന്നു. HTML ടാഗ്
ഇനി നമുക്ക് വ്ളാഡിമിർ മായകോവ്സ്കിയുടെ പ്രശ്നം ചർച്ച ചെയ്യാം... കൂടുതൽ കൃത്യമായി പറഞ്ഞാൽ, അദ്ദേഹത്തിൻ്റെ ശൈലി, അതിലും കൃത്യമായി, വ്ളാഡിമിർ മായകോവ്സ്കിയുടെ കവിതകൾ എങ്ങനെ ഒരു HTML പ്രമാണത്തിൽ എഴുതാം.
ഒരു നോൺ-ബ്രേക്കിംഗ് സ്‌പെയ്‌സും ഓരോ ലൈനിന് ശേഷം ഒരു ടാഗും പോലുള്ള പ്രത്യേക HTML പ്രതീകങ്ങൾ നമ്മൾ ശരിക്കും ഉപയോഗിക്കേണ്ടതുണ്ടോ
? ഉത്തരം: തീർച്ചയായും ഇല്ല. HTML സ്റ്റാൻഡേർഡിൻ്റെ ഡെവലപ്പർമാർ ഈ പോയിൻ്റ് കണക്കിലെടുക്കുകയും അത് സ്റ്റാൻഡേർഡിലേക്ക് സ്വീകരിക്കുകയും ചെയ്തു പ്രത്യേക HTMLടാഗ്
. ടാഗ് ചെയ്യുകഅല്ലെങ്കിൽ മുൻകൂട്ടി ഫോർമാറ്റ് ചെയ്തത് രചയിതാവിൻ്റെ ഫോർമാറ്റിംഗ് ആയി റഷ്യൻ ഭാഷയിലേക്ക് വിവർത്തനം ചെയ്യാം.ഈ ടാഗ് അനുവദിക്കുന്നു HTML-ൽ വൈറ്റ്സ്പേസ് പ്രതീകങ്ങൾ സംരക്ഷിക്കുക. ബ്രൗസർ ഒരു ടാഗിനുള്ളിൽ ടെക്സ്റ്റ് കാണുമ്പോൾ
ഇത് അത് പോലെ പ്രദർശിപ്പിക്കുന്നു, അതായത്, എല്ലാ വൈറ്റ്സ്പേസ് പ്രതീകങ്ങളും സംരക്ഷിക്കുന്നു: ലൈൻ ബ്രേക്കുകൾ, ടാബുകൾ, വെറും സ്‌പെയ്‌സുകൾ എന്നിവ ടാഗിനുള്ളിൽ സംരക്ഷിക്കപ്പെടും.നിങ്ങൾ അവ എഴുതിയ രീതി.HTML ടാഗ് എന്നത് ശ്രദ്ധിക്കേണ്ടതാണ്
ജോടിയാക്കിയിരിക്കുന്നു, കൂടാതെ HTML PRE ഘടകം ബ്ലോക്ക്-ലെവൽ ആണ്. യഥാർത്ഥത്തിൽ, ഞങ്ങൾ മുകളിൽ പറഞ്ഞ കാരണത്താലാണ് ടാഗിനെ രചയിതാവ് ഫോർമാറ്റിംഗ് എന്ന് വിളിക്കുന്നത്: ഈ ടാഗിനുള്ളിലെ ടെക്സ്റ്റിൻ്റെ എല്ലാ വൈറ്റ്സ്പേസ് പ്രതീകങ്ങളും രചയിതാവ് എഴുതിയ രൂപത്തിൽ ബ്രൗസർ സംരക്ഷിക്കുന്നു. നമുക്ക് ശ്രമിക്കാം എല്ലാ വൈറ്റ്സ്പേസ് പ്രതീകങ്ങളും HTML-ൽ സൂക്ഷിക്കുക, ടാഗ് ഉപയോഗിച്ച്ബ്രൗസറിൽ വൈറ്റ്സ്പേസ് പ്രതീകങ്ങൾ എങ്ങനെ പ്രദർശിപ്പിക്കുമെന്ന് നോക്കാം.
ഡോക്യുമെൻ്റ് കോഡ് വളരെ ലളിതമാണ്, വി.മായകോവ്സ്കിയുടെ വാക്യം ഒരു കണ്ടെയ്നറിൽ സ്ഥാപിച്ചിരിക്കുന്നു
ഇനി നമുക്ക് നോക്കാം ഉള്ളിലെ വൈറ്റ്സ്പേസ് പ്രതീകങ്ങൾ ബ്രൗസർ എങ്ങനെ കൈകാര്യം ചെയ്യുന്നു? HTML ഘടകം PRE.
എല്ലാ വൈറ്റ്സ്പേസ് പ്രതീകങ്ങളും ഞങ്ങൾ എഴുതിയ രൂപത്തിൽ സംരക്ഷിക്കപ്പെട്ടതായി ഞങ്ങൾ കാണുന്നു. ഇപ്പോൾ ഞങ്ങൾ ടാഗ് ആണെന്ന് ഉറപ്പാക്കി
HTML പേജുകളിലെ വൈറ്റ്സ്പേസ് പ്രതീകങ്ങൾ ശരിക്കും സംരക്ഷിക്കുന്നു.അതിനാൽ, മുകളിൽ പറഞ്ഞവയെല്ലാം നമുക്ക് സംഗ്രഹിക്കാം. HTML-ൽ മൂന്ന് തരം വൈറ്റ്സ്പേസ് പ്രതീകങ്ങളുണ്ട്: ടാബ്, ലൈൻ ബ്രേക്ക്, സ്പെയ്സ്.. HTML-ലെ ടാബ്എഡിറ്ററിൽ HTML കോഡ് ഫോർമാറ്റ് ചെയ്യാൻ മാത്രമേ ഉപയോഗിക്കാവൂ. HTML ലെ ലൈൻ ബ്രേക്കുകൾബ്രൗസറുകൾ അവയെ അവഗണിക്കുന്നു, ടാബുകൾ പോലെ അവയെ ഒരു സ്‌പെയ്‌സിലേക്ക് "കംപ്രസ്സുചെയ്യുന്നു". HTML-ൽ ഒരു ലൈൻ ബ്രേക്ക് സൃഷ്ടിക്കാൻ, ടാഗ് ഉപയോഗിക്കുക
.HTML-ലെ സ്‌പെയ്‌സുകൾരണ്ട് ആവശ്യങ്ങൾക്ക് ആവശ്യമാണ്: ലൈനുകൾ എങ്ങനെ തകർക്കണമെന്ന് നിർണ്ണയിക്കാൻ ബ്രൗസർ സ്‌പെയ്‌സുകൾ ഉപയോഗിക്കുന്നു; ടെക്സ്റ്റ് റീഡബിൾ ആക്കുന്നതിന് സ്‌പെയ്‌സുകൾ ആവശ്യമാണ്. HTML പ്രത്യേക എൻകോഡിംഗ് പ്രതീകങ്ങളെ പിന്തുണയ്ക്കുന്നു, ഉദാ. HTML-ലെ നോൺ-ബ്രേക്കിംഗ് സ്പേസ് പ്രതീകംനിങ്ങൾക്ക് ഒരു വരിയിൽ ഒന്നിലധികം സ്‌പെയ്‌സുകൾ എഴുതാൻ താൽപ്പര്യപ്പെടുമ്പോൾ (അല്ലെങ്കിൽ ബ്രൗസർ അവയെ ഒന്നായി ചുരുക്കും) അല്ലെങ്കിൽ കോഡ് ഉപയോഗിച്ച് പുതിയ വരികളിൽ വാക്കുകൾ പരസ്പരം പൊതിയരുതെന്ന് ബ്രൗസറിനോട് പറയാൻ ആഗ്രഹിക്കുന്നു.
ഹലോ, ബ്ലോഗ് സൈറ്റിൻ്റെ പ്രിയ വായനക്കാർ. കുറച്ച് മുമ്പ്, ഞങ്ങൾ ഇതിനകം അതിനെക്കുറിച്ച് സംസാരിക്കാൻ കഴിഞ്ഞു, അതിലെ ഡിസൈനിനെക്കുറിച്ചും പഠിച്ചു. ഇന്ന് നമുക്ക് HTML-ലെ വൈറ്റ് സ്പേസ് എന്ന ആശയവും അത് എഴുതുമ്പോൾ അനുബന്ധ കോഡ് ഫോർമാറ്റിംഗും ഉണ്ട് (അതിൻ്റെ തുടർന്നുള്ള വായനയുടെയും ധാരണയുടെയും സൗകര്യാർത്ഥം).
ശരി, നോൺ-ബ്രേക്കിംഗ് സ്പേസും സോഫ്റ്റ് ഹൈഫനേഷനും എന്ന വിഷയത്തിൽ ഞങ്ങൾ സ്പർശിക്കും എന്ന വസ്തുത കാരണം, Html ഭാഷയിൽ ഉപയോഗിക്കുന്ന പ്രത്യേക പ്രതീകങ്ങൾ അല്ലെങ്കിൽ ഓർമ്മപ്പെടുത്തലുകൾ എന്ന് വിളിക്കപ്പെടുന്നവയിൽ ഞങ്ങൾ ശ്രദ്ധ കേന്ദ്രീകരിക്കേണ്ടതുണ്ട്, അത് നിങ്ങളെ ചേർക്കാൻ അനുവദിക്കും. വെബ് കോഡ്ഡോക്യുമെൻ്റിന് മുകളിൽ സൂചിപ്പിച്ചതുപോലെ നിരവധി അധിക ചിഹ്നങ്ങളുണ്ട്. എന്നാൽ ആദ്യം കാര്യങ്ങൾ ആദ്യം.
HTML-ലെ സ്‌പെയ്‌സുകളും വൈറ്റ്‌സ്‌പെയ്‌സ് പ്രതീകങ്ങളും
ഇതിനായി പ്രത്യേകം രൂപകൽപ്പന ചെയ്‌തിരിക്കുന്ന ടാഗുകൾ (ഖണ്ഡിക, തലക്കെട്ടുകൾ മുതലായവ) ഉപയോഗിച്ച് ടെക്സ്റ്റ് ഫോർമാറ്റ് ചെയ്യുന്ന പ്രശ്‌നത്തിലേക്ക് കടക്കുന്നതിന് മുമ്പ്, സ്‌പെയ്‌സുകൾ, ലൈൻ ബ്രേക്കുകൾ (Enter), ടാബുലേഷൻ എന്നിവ HTML ഭാഷയിൽ എങ്ങനെ വ്യാഖ്യാനിക്കപ്പെടുന്നു, ബ്രേക്കിംഗ് എങ്ങനെ എന്നതിനെക്കുറിച്ച് ചിന്തിക്കാൻ ഞാൻ ആഗ്രഹിക്കുന്നു. ബ്രൗസർ വിൻഡോയിൽ ടെക്സ്റ്റ് വലുപ്പം മാറ്റുമ്പോൾ അത് പുറത്തു കൊണ്ടുപോയി.
ശരിയാണ്, ഇത്തരത്തിലുള്ള വിഷ്വൽ ഫോർമാറ്റിംഗിനായി (ഇത് വെബ് പേജിൽ ദൃശ്യമാകില്ല), മിക്കപ്പോഴും ഇത് ഉപയോഗിക്കുന്നത് സ്പെയ്സുകളല്ല, പകരം ടാബ്, ലൈൻ ബ്രേക്ക് പ്രതീകങ്ങൾ എന്നിവയാണ്. അത്തരമൊരു നിയമം ഉണ്ട് - നിങ്ങൾ ഒരു നെസ്റ്റഡ് എഴുതാൻ തുടങ്ങുമ്പോൾ HTML ടാഗ്, അത് ടാബുകൾ ഉപയോഗിച്ച് ഇൻഡൻ്റ് ചെയ്യുക (ടാബ് കീകീബോർഡിൽ), നിങ്ങൾ ഈ ടാഗ് അടയ്ക്കുമ്പോൾ, ഇൻഡൻ്റേഷൻ നീക്കം ചെയ്യുക (കീബോർഡിലെ Shift+Tab കീ കോമ്പിനേഷൻ).
ഓപ്പണിംഗ്, ക്ലോസിംഗ് ടാഗുകൾ ഒരേ ലംബ തലത്തിൽ (നിങ്ങളുടെ Html എഡിറ്ററിലെ പേജിൻ്റെ വലത് അറ്റത്ത് നിന്നുള്ള അതേ എണ്ണം ടാബുകളിൽ, ഉദാഹരണത്തിന്, ഞാൻ എഴുതിയ നോട്ട്പാഡ്++) ഇത് ചെയ്യണം. കൂടാതെ, ഓപ്പണിംഗ് എലമെൻ്റ് എഴുതിയ ഉടൻ തന്നെ നിരവധി ലൈൻ ബ്രേക്കുകൾ ഉണ്ടാക്കാനും ക്ലോസിംഗ് ഒരെണ്ണം ഒരേ തലത്തിൽ (ടാബുകളുടെ എണ്ണം) എഴുതാനും ഞാൻ നിങ്ങളെ ഉപദേശിക്കുന്നു, അതുവഴി ഇത് പിന്നീട് ചെയ്യാൻ നിങ്ങൾ മറക്കരുത്.
ആ. ഓപ്പണിംഗ്, ക്ലോസിംഗ് ഘടകങ്ങൾ ലംബമായി ഒരേ ലെവലിൽ ആയിരിക്കണം, കൂടാതെ ആന്തരിക ടാഗുകൾ ഒരു ടാബ് പ്രതീകം ഉപയോഗിച്ച് മാറ്റുകയും ക്ലോസിംഗും ഓപ്പണിംഗ് ഘടകങ്ങളും അതേ ലെവലിൽ വീണ്ടും സ്ഥാപിക്കുകയും വേണം.
വേണ്ടി ലളിതമായ വെബ്പ്രമാണങ്ങൾ ഇത് ഓവർകില്ലായി തോന്നാം, പക്ഷേ കൂടുതലോ കുറവോ സങ്കീർണ്ണമായവ സൃഷ്ടിക്കുമ്പോൾ, അവ കോഡ് കൂടുതൽ വ്യക്തമാകുംകൂടാതെ ധാരാളം ഇടങ്ങൾ ഉള്ളതിനാൽ വായിക്കാൻ കഴിയും, കൂടാതെ ടാഗുകളുടെ സമമിതി ക്രമീകരണം കാരണം പിശകുകൾ കണ്ടെത്തുന്നത് വളരെ എളുപ്പമായിരിക്കും.
HTML കോഡിലെ പ്രത്യേക പ്രതീകങ്ങൾ അല്ലെങ്കിൽ ഓർമ്മപ്പെടുത്തലുകൾ
അതിനാൽ, ഇപ്പോൾ നമുക്ക് വിളിക്കപ്പെടുന്നവയെക്കുറിച്ച് സംസാരിക്കാം പ്രത്യേക പ്രതീകങ്ങൾ, ഈ ലേഖനത്തിൻ്റെ തുടക്കത്തിൽ ഞാൻ പ്രഖ്യാപിച്ച ഉപയോഗത്തിൻ്റെ ലാളിത്യം. പ്രത്യേക പ്രതീകങ്ങളെ ചിലപ്പോൾ ഓർമ്മപ്പെടുത്തലുകൾ അല്ലെങ്കിൽ പകരക്കാർ എന്നും വിളിക്കുന്നു. ഉപയോഗിച്ച എൻകോഡിംഗുകളുമായി ബന്ധപ്പെട്ട് വളരെക്കാലമായി ഹൈപ്പർടെക്സ്റ്റ് മാർക്ക്അപ്പ് ഭാഷയിൽ ഉയർന്നുവന്ന ഒരു പ്രശ്നം പരിഹരിക്കാനാണ് അവ ഉദ്ദേശിക്കുന്നത്.
നിങ്ങൾ കീബോർഡിൽ ടെക്സ്റ്റ് ടൈപ്പുചെയ്യുമ്പോൾ, നിങ്ങളുടെ ഭാഷയുടെ പ്രതീകങ്ങൾ മുൻകൂട്ടി നിശ്ചയിച്ച അൽഗോരിതം അനുസരിച്ച് എൻകോഡ് ചെയ്യപ്പെടും, തുടർന്ന് ഡീകോഡിംഗ് കാരണം നിങ്ങൾ ഉപയോഗിക്കുന്ന ഫോണ്ടുകൾ (സൈറ്റിനായി എവിടെ കണ്ടെത്തണം, എങ്ങനെ ഇൻസ്റ്റാൾ ചെയ്യണം) ഉപയോഗിച്ച് അവ സൈറ്റിൽ പ്രദർശിപ്പിക്കും.
ധാരാളം എൻകോഡിംഗുകൾ ഉണ്ട്, എന്നാൽ എച്ച്ടിഎംഎൽ ഭാഷയ്ക്കായി എൻകോഡിംഗുകളുടെ വിപുലീകൃത പതിപ്പ് ഡിഫോൾട്ടായി സ്വീകരിച്ചു.
ഈ ടെക്സ്റ്റ് എൻകോഡിംഗിൽ 256 പ്രതീകങ്ങൾ മാത്രമേ എഴുതാൻ കഴിയൂ - ASCII-യിൽ നിന്ന് 128 ഉം റഷ്യൻ അക്ഷരങ്ങൾക്കായി മറ്റൊരു 128 ഉം. തൽഫലമായി, ASCII-യിൽ ഉൾപ്പെടുത്തിയിട്ടില്ലാത്തതും റഷ്യൻ അക്ഷരങ്ങൾ ഉൾപ്പെടുത്താത്തതുമായ പ്രതീകങ്ങളുടെ സൈറ്റുകളിലെ ഉപയോഗത്തിൽ ഒരു പ്രശ്നം ഉടലെടുത്തു. വിൻഡോസ് എൻകോഡിംഗുകൾ 1251 (CP1251). ശരി, നിങ്ങൾ ഒരു ടിൽഡോ അല്ലെങ്കിൽ അപ്പോസ്‌ട്രോഫിയോ ഉപയോഗിക്കാൻ തീരുമാനിച്ചു, എന്നാൽ അത്തരം സാധ്യതകൾ ഉപയോഗിച്ച ഭാഷയിൽ അന്തർലീനമാണ് HTML എൻകോഡിംഗ്പണയപ്പെടുത്തിയിട്ടില്ല.
അത്തരം സന്ദർഭങ്ങൾക്കാണ് പകരം വയ്ക്കലുകൾ അല്ലെങ്കിൽ മറ്റൊരു വിധത്തിൽ പറഞ്ഞാൽ, ഓർമ്മപ്പെടുത്തലുകൾ കണ്ടുപിടിച്ചത്. തുടക്കത്തിൽ പ്രത്യേക കഥാപാത്രങ്ങൾ ഉണ്ടായിരുന്നു ഡിജിറ്റൽ കാഴ്ചരേഖകള്, എന്നാൽ പിന്നീട് ഏറ്റവും സാധാരണമായവയ്ക്ക് ഓർമ്മിക്കാൻ എളുപ്പമാക്കുന്നതിന് അവരുടെ അക്ഷരങ്ങൾ ചേർത്തു.
IN പൊതുവായ ധാരണ, ഒരു ആമ്പർസാൻഡിൽ ആരംഭിച്ച് ";" എന്ന അർദ്ധവിരാമത്തിൽ അവസാനിക്കുന്ന ഒരു പ്രതീകമാണ് ഓർമ്മപ്പെടുത്തൽ. കൃത്യമായും ഈ കാരണങ്ങളാലാണ് ബ്രൗസർ HTML പാഴ്‌സിംഗ്കോഡ് അതിൽ നിന്ന് പ്രത്യേക പ്രതീകങ്ങൾ വേർതിരിച്ചെടുക്കുന്നു. സംഖ്യാ വൈൽഡ്കാർഡ് കോഡിലെ ആംപേഴ്സൻ്റിന് ഉടൻ തന്നെ "#" എന്ന പൗണ്ട് ചിഹ്നം ഉണ്ടായിരിക്കണം, ചിലപ്പോൾ ഹാഷ് എന്നും വിളിക്കപ്പെടുന്നു. അതിനുശേഷം മാത്രമേ യൂണികോഡ് എൻകോഡിംഗിൽ ആവശ്യമുള്ള പ്രതീകത്തിൻ്റെ ഡിജിറ്റൽ കോഡ് പിന്തുടരുകയുള്ളൂ.
യൂണിക്കോഡിൽ 60,000-ലധികം പ്രതീകങ്ങൾ എഴുതാൻ കഴിയും - പ്രധാന കാര്യം, നിങ്ങളുടെ സൈറ്റിൽ ഉപയോഗിച്ചിരിക്കുന്ന ഫോണ്ട് നിങ്ങൾക്ക് ആവശ്യമുള്ള ഓർമ്മ ചിഹ്നത്തെ പിന്തുണയ്ക്കുന്നു എന്നതാണ്. മിക്കവാറും എല്ലാ യൂണികോഡ് പ്രതീകങ്ങളെയും പിന്തുണയ്‌ക്കുന്ന ഫോണ്ടുകൾ ഉണ്ട്, കൂടാതെ ഒരു പ്രത്യേക സെറ്റ് പ്രതീകങ്ങളുള്ള ഓപ്ഷനുകൾ മാത്രമേ ഉള്ളൂ.
പ്രത്യേക പ്രതീകങ്ങളുടെ മുഴുവൻ പട്ടികയും വളരെ വലുതായിരിക്കും, പക്ഷേ ഏറ്റവും സാധാരണയായി ഉപയോഗിക്കുന്ന മെമ്മോണിക്സ്ഈ പട്ടികയിൽ നിന്ന് നിങ്ങൾക്ക് കടം വാങ്ങാം:
| ചിഹ്നം | HTML കോഡ് | ദശാംശം കോഡ് | വിവരണം |
|---|---|---|---|
| നോൺ-ബ്രേക്കിംഗ് സ്പേസ് | |||
| ഇടുങ്ങിയ ഇടം (എൻ-വിഡ്ത്ത് എന്ന അക്ഷരം) | |||
| വിശാലമായ ഇടം (എം-അക്ഷരം m ആയി) | |||
| – | - | – | എൻ ഡാഷ് (എൻ-ഡാഷ്) |
| - | — | — | എം ഡാഷ് (എം ഡാഷ്) |
| | - | | മൃദു കൈമാറ്റം |
| എ | ́ | "സ്ട്രെസ്" എന്ന അക്ഷരത്തിന് ശേഷം സമ്മർദ്ദം ചെലുത്തുന്നു | |
| © | © | പകർപ്പവകാശം | |
| ® | ® | ® | രജിസ്റ്റർ ചെയ്ത വ്യാപാരമുദ്ര |
| ™ | ™ | ™ | വ്യാപാരമുദ്ര അടയാളം |
| º | º | º | ചൊവ്വയുടെ കുന്തം |
| ª | ª | ª | ശുക്രൻ്റെ കണ്ണാടി |
| ‰ | ‰ | ‰ | പിപിഎം |
| π | π | π | പൈ (ടൈംസ് ന്യൂ റോമൻ ഉപയോഗിക്കുക) |
| ¦ | ¦ | ¦ | ലംബമായ ഡോട്ടഡ് ലൈൻ |
| § | § | § | ഖണ്ഡിക |
| ° | ° | ° | ഡിഗ്രി |
| µ | µ | µ | സൂക്ഷ്മ ചിഹ്നം |
| ¶ | ¶ | ¶ | ഖണ്ഡിക അടയാളം |
| … | … | … | ദീർഘവൃത്താകൃതി |
| ‾ | ‾ | ‾ | ഓവർലൈനിംഗ് |
| ´ | ´ | ´ | ഉച്ചാരണ അടയാളം |
| № | № | നമ്പർ ചിഹ്നം | |
| 🔍 | 🔍 | മാഗ്നിഫൈയിംഗ് ഗ്ലാസ് (ഇടത്തോട്ട് ചരിഞ്ഞ്) | |
| 🔎 | 🔎 | മാഗ്നിഫൈയിംഗ് ഗ്ലാസ് (വലത്തേക്ക് ചരിഞ്ഞ്) | |
| ഗണിത, ഗണിത പ്രവർത്തനങ്ങളുടെ അടയാളങ്ങൾ | |||
| × | × | × | ഗുണിക്കുക |
| ÷ | ÷ | ÷ | വീതിക്കുക |
| < | < | കുറവ് | |
| > | > | > | കൂടുതൽ |
| ± | ± | ± | പ്ലസ്/മൈനസ് |
| ¹ | ¹ | ¹ | ബിരുദം 1 |
| ² | ² | ² | ബിരുദം 2 |
| ³ | ³ | ³ | ബിരുദം 3 |
| ¬ | ¬ | ¬ | നിഷേധം |
| ¼ | ¼ | ¼ | നാലിലൊന്ന് |
| ½ | ½ | ½ | ഒരു പകുതി |
| ¾ | ¾ | ¾ | നാലിൽ മൂന്ന് |
| ⁄ | ⁄ | ⁄ | ദശാംശ |
| − | − | − | മൈനസ് |
| ≤ | ≤ | ≤ | കുറവ് അല്ലെങ്കിൽ തുല്യം |
| ≥ | ≥ | ≥ | കൂടുതലോ തുല്യമോ |
| ≈ | ≈ | ≈ | ഏകദേശം (ഏതാണ്ട്) തുല്യം |
| ≠ | ≠ | ≠ | തുല്യമല്ല |
| ≡ | ≡ | ≡ | ഒരേപോലെ |
| √ | √ | √ | സ്ക്വയർ റൂട്ട് (റാഡിക്കൽ) |
| ∞ | ∞ | ∞ | അനന്തത |
| ∑ | ∑ | ∑ | സംഗ്രഹ ചിഹ്നം |
| ∏ | ∏ | ∏ | ജോലി അടയാളം |
| ∂ | ∂ | ∂ | ഭാഗിക വ്യത്യാസം |
| ∫ | ∫ | ∫ | സമഗ്രമായ |
| ∀ | ∀ | ∀ | എല്ലാവർക്കും വേണ്ടി (ബോൾഡാണെങ്കിൽ മാത്രം ദൃശ്യം) |
| ∃ | ∃ | ∃ | നിലവിലുണ്ട് |
| ∅ | ∅ | ∅ | ശൂന്യമായ സെറ്റ് |
| Ø | Ø | Ø | വ്യാസം |
| ∈ | ∈ | ∈ | വകയാണ് |
| ∉ | ∉ | ∉ | ഉൾപ്പെടുന്നില്ല |
| ∋ | ∋ | ∗ | അടങ്ങിയിരിക്കുന്നു |
| ⊂ | ⊂ | ⊂ | ഒരു ഉപവിഭാഗമാണ് |
| ⊃ | ⊃ | ⊃ | ഒരു സൂപ്പർസെറ്റ് ആണ് |
| ⊄ | ⊄ | ⊄ | ഒരു ഉപവിഭാഗമല്ല |
| ⊆ | ⊆ | ⊆ | ഒരു ഉപഗണം അല്ലെങ്കിൽ തുല്യമാണ് |
| ⊇ | ⊇ | ⊇ | ഒരു സൂപ്പർസെറ്റ് അല്ലെങ്കിൽ തുല്യമാണ് |
| ⊕ | ⊕ | ⊕ | കൂടാതെ ഒരു സർക്കിളിൽ |
| ⊗ | ⊗ | ⊗ | ഒരു സർക്കിളിലെ ഗുണന ചിഹ്നം |
| ⊥ | ⊥ | ⊥ | ലംബമായി |
| ∠ | ∠ | ∠ | മൂല |
| ∧ | ∧ | ∧ | ലോജിക്കൽ AND |
| ∨ | ∨ | ∨ | ലോജിക്കൽ OR |
| ∩ | ∩ | ∩ | കവല |
| ∪ | ∪ | ∪ | യൂണിയൻ |
| കറൻസി അടയാളങ്ങൾ | |||
| ₽ | ₽ | റൂബിൾ. റൂബിൾ ചിഹ്നം നമ്പറിനൊപ്പം ഉപയോഗിക്കണം. യൂണികോഡ് 7.0 സ്റ്റാൻഡേർഡ്. നിങ്ങൾ ചിത്രം കാണുന്നില്ലെങ്കിൽ, നിങ്ങളുടെ യൂണികോഡ് ഫോണ്ടുകൾ അപ്ഡേറ്റ് ചെയ്യുക. | |
| € | € | € | യൂറോ |
| ¢ | ¢ | ¢ | സെൻറ് |
| £ | £ | £ | Lb |
| ¤ | ¤ | ¤ | കറൻസി ചിഹ്നം |
| ¥ | ¥ | ¥ | യെൻ, യുവാൻ അടയാളം |
| ƒ | ƒ | ƒ | ഫ്ലോറിൻ അടയാളം |
| മാർക്കറുകൾ | |||
| . | ലളിതമായ മാർക്കർ | ||
| ○ | ○ | വൃത്തം | |
| · | · | · | മധ്യഭാഗം |
| † | † | കുരിശ് | |
| ‡ | ‡ | ഇരട്ട കുരിശ് | |
| ♠ | ♠ | ♠ | കൊടുമുടികൾ |
| ♣ | ♣ | ♣ | ക്ലബ്ബുകൾ |
| ഹൃദയങ്ങൾ | |||
| ♦ | ♦ | ♦ | വജ്രങ്ങൾ |
| ◊ | ◊ | ◊ | റോംബസ് |
| ✏ | ✏ | പെൻസിൽ | |
| ✎ | ✎ | പെൻസിൽ | |
| ✐ | ✐ | പെൻസിൽ | |
| ✍ | ✍ | കൈ | |
| ഉദ്ധരണികൾ | |||
| " | " | " | ഇരട്ട ഉദ്ധരണി |
| & | & | & | ആംപേഴ്സൻഡ് |
| « | « | « | ഇടത് ടൈപ്പോഗ്രാഫിക് ഉദ്ധരണി ചിഹ്നം (ഹെറിങ്ബോൺ ഉദ്ധരണി ചിഹ്നം) |
| » | » | » | വലത് ടൈപ്പോഗ്രാഫിക് ഉദ്ധരണി ചിഹ്നം (ഹെറിങ്ബോൺ ഉദ്ധരണി ചിഹ്നം) |
| ‹ | ‹ | ഒറ്റ മൂല ഉദ്ധരണി തുറക്കൽ | |
| › | › | ഒറ്റ മൂല ഉദ്ധരണി ക്ലോസിംഗ് | |
| ′ | ′ | ′ | പ്രധാനം (മിനിറ്റുകൾ, അടി) |
| ″ | ″ | ″ | ഇരട്ട പ്രൈം (സെക്കൻഡ്, ഇഞ്ച്) |
| ‘ | ‘ | ‘ | മുകളിൽ ഇടത് ഒറ്റ ഉദ്ധരണി |
| ’ | ’ | ’ | മുകളിൽ വലത് ഒറ്റ ഉദ്ധരണി |
| ‚ | ‚ | ‚ | താഴെ വലത് ഒറ്റ ഉദ്ധരണി |
| “ | “ | “ | quote-foot left |
| ” | ” | ” | മുകളിൽ വലത് കാൽ ഉദ്ധരിക്കുക |
| „ | „ | „ | അടി താഴെ വലതുവശത്ത് ഉദ്ധരിക്കുക |
| ❛ | ❛ | ഒറ്റ ഇംഗ്ലീഷ് ഉദ്ധരണി ചിഹ്നം | |
| ❜ | ❜ | ഒരൊറ്റ ഇംഗ്ലീഷ് ക്ലോസിംഗ് ഉദ്ധരണി ചിഹ്നം | |
| ❝ | ❝ | ഇരട്ട ഉദ്ധരണി ചിഹ്നം തുറക്കുന്നു | |
| ❞ | ❞ | ഇരട്ട ഉദ്ധരണി അടയാളം അടയ്ക്കുന്നു | |
| അമ്പുകൾ | |||
| ← | ← | ← | ഇടത് അമ്പ് |
| മുകളിലേക്കുള്ള അമ്പടയാളം | |||
| → | → | → | വലത് അമ്പ് |
| ↓ | ↓ | ↓ | താഴേക്ക് അമ്പ് |
| ↔ | ↔ | ↔ | ഇടത്തേയും വലത്തേയും അമ്പടയാളം |
| ↕ | ↕ | മുകളിലേക്കും താഴേക്കും അമ്പടയാളം | |
| ↵ | ↵ | ↵ | വണ്ടി മടക്കം |
| ⇐ | ⇐ | ⇐ | ഇരട്ട ഇടത് അമ്പടയാളം |
| ⇑ | ⇑ | ⇑ | ഇരട്ട അമ്പ് |
| ⇒ | ⇒ | ⇒ | ഇരട്ട വലത് അമ്പടയാളം |
| ⇓ | ⇓ | ⇓ | ഇരട്ട താഴേക്കുള്ള അമ്പടയാളം |
| ⇔ | ⇔ | ⇔ | ഇടത്തോട്ടും വലത്തോട്ടും ഇരട്ട അമ്പ് |
| ⇕ | ⇕ | മുകളിലേക്കും താഴേക്കും ഇരട്ട അമ്പടയാളം | |
| ▲ | ▲ | ത്രികോണം മുകളിലേക്കുള്ള അമ്പടയാളം | |
| ▼ | ▼ | ത്രികോണം താഴേക്കുള്ള അമ്പടയാളം | |
| ത്രികോണ വലത് അമ്പടയാളം | |||
| ◄ | ◄ | ഇടത് ത്രികോണ അമ്പടയാളം | |
| നക്ഷത്രങ്ങൾ, മഞ്ഞുതുള്ളികൾ | |||
| ☃ | ☃ | സ്നോമാൻ | |
| ❄ | ❄ | മഞ്ഞുതുള്ളികൾ | |
| ❅ | ❅ | ഷാംറോക്കുകളാൽ സാൻഡ്വിച്ച് ചെയ്ത സ്നോഫ്ലെക്ക് | |
| ❆ | ❆ | കൊഴുത്ത മൂർച്ചയുള്ള കോണാകൃതിയിലുള്ള സ്നോഫ്ലെക്ക് | |
| ★ | ★ | ഷേഡുള്ള നക്ഷത്രം | |
| ☆ | ☆ | ശൂന്യ നക്ഷത്രം | |
| ✪ | ✪ | നിറഞ്ഞ സർക്കിളിൽ നിറയാത്ത നക്ഷത്രം | |
| ✫ | ✫ | ഉള്ളിൽ തുറന്ന വൃത്തം നിറഞ്ഞ നക്ഷത്രം | |
| ✯ | ✯ | കറങ്ങുന്ന നക്ഷത്രം | |
| ⚝ | ⚝ | വരച്ച വെളുത്ത നക്ഷത്രം | |
| ⚪ | ⚪ | മിഡിൽ ഓപ്പൺ സർക്കിൾ | |
| ⚫ | ⚫ | നടുവിൽ നിറഞ്ഞ സർക്കിൾ | |
| ⚹ | ⚹ | സെക്‌സ്‌റ്റൈൽ (സ്നോഫ്ലെക്ക് തരം) | |
| ✵ | ✵ | എട്ട് പോയിൻ്റുള്ള കറങ്ങുന്ന നക്ഷത്രം | |
| ❉ | ❉ | ഗോളാകൃതിയിലുള്ള അറ്റങ്ങളുള്ള നക്ഷത്രം | |
| ❋ | ❋ | ബോൾഡ് എട്ട് പോയിൻ്റുള്ള ഡ്രോപ്പ് ആകൃതിയിലുള്ള നക്ഷത്ര-പ്രൊപ്പല്ലർ | |
| ✺ | ✺ | പതിനാറ് പോയിൻ്റുള്ള നക്ഷത്രചിഹ്നം | |
| ✹ | ✹ | പന്ത്രണ്ട് പോയിൻ്റുള്ള നക്ഷത്രം | |
| ✸ | ✸ | ബോൾഡ് എട്ട് പോയിൻ്റുള്ള നേരായ നിറച്ച നക്ഷത്രം | |
| ✶ | ✶ | ആറ് പോയിൻ്റ് നിറഞ്ഞ നക്ഷത്രം | |
| ✷ | ✷ | എട്ട് പോയിൻ്റുള്ള നേരായ നിറച്ച നക്ഷത്രം | |
| ✴ | ✴ | എട്ട് പോയിൻ്റുള്ള നക്ഷത്രം | |
| ✳ | ✳ | എട്ട് പോയിൻ്റുള്ള നക്ഷത്രം | |
| ✲ | ✲ | ശൂന്യമായ കേന്ദ്രത്തോടുകൂടിയ നക്ഷത്രചിഹ്നം | |
| ✱ | ✱ | തടിച്ച നക്ഷത്രം | |
| ✧ | ✧ | ചൂണ്ടിയ നാല് പോയിൻ്റുള്ള തുറന്ന നക്ഷത്രം | |
| ✦ | ✦ | ചൂണ്ടിയ നാല് പോയിൻ്റുള്ള നിറച്ച നക്ഷത്രം | |
| ⍟ | ⍟ | ഒരു സർക്കിളിൽ നക്ഷത്രമിടുക | |
| ⊛ | ⊛ | ഒരു സർക്കിളിൽ സ്നോഫ്ലെക്ക് | |
| ഘടികാരം, സമയം | |||
| ⏰ | ⏰ | കാവൽ | |
| ⌚ | ⌚ | കാവൽ | |
| ⌛ | ⌛ | മണിക്കൂർഗ്ലാസ് | |
| ⏳ | ⏳ | മണിക്കൂർഗ്ലാസ് | |
തികച്ചും രസകരമായ ഒരു കാര്യമുണ്ട് നേടുന്നതിനുള്ള രീതി HTML കോഡ്ഓർമ്മപ്പെടുത്തൽനിങ്ങൾക്ക് ആവശ്യമുള്ള ചിഹ്നത്തിനായി. ഇത് ചെയ്യുന്നതിന്, തുറന്നാൽ മതിയാകും മൈക്രോസോഫ്റ്റ് എഡിറ്റർവാക്ക്, സൃഷ്ടിക്കുക പുതിയ പ്രമാണംകൂടാതെ തിരഞ്ഞെടുക്കുക മുകളിലെ മെനു“തിരുകുക” - “ചിഹ്നം” (ഞാൻ 2003 പതിപ്പാണ് ഉപയോഗിക്കുന്നത്, അതിനാൽ പിന്നീടുള്ള പതിപ്പുകളിൽ സമാനമായ പ്രവർത്തനം എങ്ങനെ ചെയ്യണമെന്ന് എനിക്കറിയില്ല).
തുറക്കുന്ന വിൻഡോയിൽ, നിങ്ങൾ ഒരു ഫോണ്ട് തിരഞ്ഞെടുക്കേണ്ടതുണ്ട്, ഉദാഹരണത്തിന്, ടൈംസ് ന്യൂ റോമൻ (അല്ലെങ്കിൽ നിങ്ങളുടെ സൈറ്റ് സന്ദർശകരുടെ ഭൂരിഭാഗം കമ്പ്യൂട്ടറുകളിലും വ്യക്തമായും ഉണ്ടായിരിക്കുന്ന മറ്റേതെങ്കിലും - കൊറിയർ അല്ലെങ്കിൽ ഏരിയൽ, ഉദാഹരണത്തിന്).
നിങ്ങളുടേതിലേക്ക് തുറക്കുന്ന പട്ടികയിൽ നിന്ന് ചേർക്കുക വേഡ് ഡോക്യുമെൻ്റ്നിങ്ങൾക്ക് ആവശ്യമായ എല്ലാ പ്രത്യേക പ്രതീകങ്ങളും ഈ വേഡ് ഡോക്യുമെൻ്റ് ഒരു വെബ് പേജായി സംരക്ഷിക്കുക (സംരക്ഷിക്കുമ്പോൾ ".html" ഡ്രോപ്പ്-ഡൗൺ ലിസ്റ്റിൽ നിന്ന് തിരഞ്ഞെടുത്തത്). ശരി, അപ്പോൾ നിങ്ങൾ ചെയ്യേണ്ടത് ഈ വെബ് പേജ് ഏതെങ്കിലുമൊരു പേജിൽ തുറക്കുക എന്നതാണ് HTML എഡിറ്റർ(അതേ നോട്ട്പാഡ് ++ ചെയ്യും) നിങ്ങൾ എല്ലാം കാണും ഡിജിറ്റൽ കോഡുകൾനിങ്ങൾക്ക് ആവശ്യമുള്ള ഓർമ്മകൾ:
രീതി അൽപ്പം സങ്കീർണ്ണമാണ്, എന്നാൽ നിങ്ങളുടെ വെബ്‌സൈറ്റ് പേജിൽ ചില അപൂർവ പ്രത്യേക പ്രതീകങ്ങൾ ഉപയോഗിക്കാൻ നിങ്ങൾ ആഗ്രഹിക്കുന്നുവെങ്കിൽ, മുകളിൽ കാണിച്ചിരിക്കുന്നതുപോലുള്ള പട്ടികകൾക്കായി ഇൻ്റർനെറ്റിൽ തിരയുന്നതിനേക്കാൾ എളുപ്പമായിരിക്കും ഇത്. തത്ഫലമായുണ്ടാകുന്ന പ്രത്യേക പ്രതീക കോഡ് നിങ്ങൾ പേസ്റ്റ് ചെയ്യേണ്ടതുണ്ട് ശരിയായ സ്ഥലംവെബ് പേജിൽ അതിനുപകരം, ബ്രൗസർ നിങ്ങൾക്ക് ആവശ്യമുള്ള പ്രതീകം പ്രദർശിപ്പിക്കും (ഉദാഹരണത്തിന്, ഒരു നോൺ-ബ്രേക്കിംഗ് സ്പേസ്).
ഉദാഹരണങ്ങളിൽ നോൺ-ബ്രേക്കിംഗ് സ്പേസും സോഫ്റ്റ് ഹൈഫനും
ഞാൻ മുകളിൽ സൂചിപ്പിച്ചതുപോലെ, മുകളിൽ നൽകിയിരിക്കുന്ന പ്രത്യേക പ്രതീകങ്ങളുടെ പട്ടികയിൽ നിന്ന് നിങ്ങൾക്ക് കാണാനാകുന്നതുപോലെ, Html-ലെ ചില ഓർമ്മപ്പെടുത്തലുകൾക്ക് ഡിജിറ്റലിനുപുറമെ, അവയുടെ കൂടുതൽ പ്രതീകാത്മക പദവിയും ലഭിച്ചു. ലളിതമായ ഓർമ്മപ്പെടുത്തൽ. ആ. "#" (ഹാഷ്) എന്ന ഹാഷ് ചിഹ്നത്തിനുപകരം, പ്രതീകാത്മക വേരിയൻ്റുകളിൽ വാക്കുകൾ ഉപയോഗിക്കുന്നു. ഉദാഹരണത്തിന്, ഒരേ നോൺ-ബ്രേക്കിംഗ് സ്പേസ് (ഡിജിറ്റൽ മെമ്മോണിക്) എന്നോ (പ്രതീകം) എന്നോ എഴുതാം.
ലേഖനങ്ങൾ എഴുതുമ്പോൾ, നിങ്ങൾക്ക് ഒരു ആമ്പർസാൻഡ് (&) അല്ലെങ്കിൽ ഓപ്പൺ ആംഗിൾ ബ്രാക്കറ്റ് ചേർക്കണമെങ്കിൽ (<), то для этого обязательно нужно использовать спецсимволы. Дело в том, что эти знаки в Html означают начало тега и браузер будет рассматривать их именно с этой точки зрения и отображать в тексте не будет.
അതായത്, നിങ്ങൾ ഒരു ലേഖനം എഴുതുകയാണെങ്കിൽ, അതിൽ നിങ്ങൾ ചേർക്കേണ്ടതുണ്ട്, ഉദാഹരണത്തിന്, ടെക്സ്റ്റിലേക്ക് ഒരു ടാഗ് ഡിസ്പ്ലേ< body>അല്ലെങ്കിൽ നിങ്ങൾ ഒരു ചെറിയ ചിഹ്നം ചേർക്കേണ്ടതുണ്ട് (<), то сделав это без использования подстановок на веб странице вы ничего не увидите, т.к. браузер, обнаружив «<» , поймет, что это Html тег, а не текст статьи.
അതിനാൽ, സമാനമായ ഒരു പ്രശ്നം പരിഹരിക്കുന്നതിന് നിങ്ങൾ ഇനിപ്പറയുന്ന നിർമ്മാണം ചേർക്കേണ്ടതുണ്ട്:
സ്മരണികകളുടെ കോഡ് പ്രദർശിപ്പിക്കുന്നതിനും ഇത് ബാധകമാണ്, കാരണം അവ ഒരു ആമ്പർസാൻഡിൽ ആരംഭിക്കുന്നു. നിങ്ങൾ ടെക്സ്റ്റിലേക്ക് കോഡ് ചേർക്കേണ്ടതുണ്ട്, ആമ്പർസാൻഡ് ചിഹ്നത്തിന് പകരം അതിൻ്റെ പകരം വയ്ക്കൽ (പ്രത്യേക പ്രതീകം):
പേജിൽ ലഭിക്കാൻ ഇത് ചെയ്യേണ്ടതുണ്ട്<, а не отображение левой угловой скобки (<), в которую преобразует браузер мнемонику <, обнаружив при разборе знак амперсанда. Хитро, но вы все поймете попробовав это на практике.
നിങ്ങൾ മിക്കവാറും ഒരു നോൺ-ബ്രേക്കിംഗ് സ്‌പെയ്‌സും ഉപയോഗിക്കും, അത് വെബ്‌പേജിലെ ഒരു സാധാരണ സ്പെയ്സ് പോലെ കാണപ്പെടും, പക്ഷേ ബ്രൗസർ അതിനെ ഒരു സ്പെയ്സ് പ്രതീകമായി കണക്കാക്കില്ല. അതിൽ കൈമാറ്റം നടത്തില്ല(ഉദാഹരണത്തിന്, 1400 GB മുതലായ പദസമുച്ചയങ്ങൾക്ക് ഇത് ഉചിതമായിരിക്കും, വ്യത്യസ്ത വരികളിൽ ഹൈഫനേറ്റ് ചെയ്യുന്നത് ഉചിതമല്ല):
1400 ജിബി.
വാചകത്തിൽ വളരെ ദൈർഘ്യമേറിയ വാക്കുകൾ അടങ്ങിയിരിക്കുമ്പോൾ ചിലപ്പോൾ വിപരീത സാഹചര്യം ഉണ്ടാകാം, ആവശ്യമെങ്കിൽ ബ്രൗസർ ഹൈഫനേഷൻ ഉപയോഗിച്ച് എനിക്ക് ഈ വാക്കുകൾ തകർക്കാൻ കഴിയും. അത്തരം ആവശ്യങ്ങൾക്കായി, ഒരു പ്രത്യേക ചിഹ്നം "സോഫ്റ്റ് ട്രാൻസ്ഫർ" നൽകിയിട്ടുണ്ട് -
നീണ്ട, നീണ്ട വാക്ക്;
മറ്റൊരു ലൈനിലേക്ക് നീങ്ങേണ്ടത് ആവശ്യമായി വരുമ്പോൾ, ബ്രൗസർ സോഫ്റ്റ് ഹൈഫൻ മെമ്മോണിക് എന്നതിന് പകരം ഒരു ഹൈഫൻ ഉപയോഗിക്കുകയും ബാക്കിയുള്ള വാക്ക് അടുത്ത വരിയിലേക്ക് അയയ്ക്കുകയും ചെയ്യും. ഈ മുഴുവൻ വാക്കും ഒരു വരിയിൽ സ്ഥാപിക്കാൻ മതിയായ ഇടമുണ്ടെങ്കിൽ, ബ്രൗസർ ഒരു ലൈൻ ഫീഡും വരയ്ക്കില്ല. അത് വളരെ ലളിതമാണ്.
നിങ്ങൾക്ക് ആശംസകൾ! ബ്ലോഗ് സൈറ്റിൻ്റെ പേജുകളിൽ ഉടൻ കാണാം
എന്നതിൽ പോയി നിങ്ങൾക്ക് കൂടുതൽ വീഡിയോകൾ കാണാൻ കഴിയും");">
നിങ്ങൾക്ക് താൽപ്പര്യമുണ്ടാകാം
MailTo - അതെന്താണ്, ഒരു ഇമെയിൽ അയയ്‌ക്കുന്നതിന് Html-ൽ ഒരു ലിങ്ക് എങ്ങനെ സൃഷ്ടിക്കാം 
Html 4.01 സ്റ്റാൻഡേർഡ് അനുസരിച്ച് H1-H6, തിരശ്ചീന രേഖ Hr, ലൈൻ ബ്രേക്ക് Br, ഖണ്ഡിക P എന്നിവയുടെ തലക്കെട്ടുകളുടെ ടാഗുകളും ആട്രിബ്യൂട്ടുകളും 
HTML - IMG, A ടാഗുകളിലേക്ക് ഒരു ലിങ്കും ചിത്രവും (ഫോട്ടോ) എങ്ങനെ ചേർക്കാം
ടൈപ്പ്റൈറ്റഡ് ടെക്സ്റ്റിൽ അച്ചടിച്ച പ്രതീകങ്ങൾ അടങ്ങിയിരിക്കുന്നു - ഗ്രാഫിക് ചിഹ്നങ്ങൾ.
ഗ്രാഫിക് ചിഹ്നങ്ങൾ ടെക്സ്റ്റിൽ ദൃശ്യമായ ഡിസ്പ്ലേ ഉള്ള ചിഹ്നങ്ങളാണ്.
എല്ലാ ഗ്രാഫിക് ചിഹ്നങ്ങളും ഒരൊറ്റ സാർവത്രിക യൂണികോഡ് സിസ്റ്റത്തിൻ്റെ ഒരു കൂട്ടത്തിലാണ് ശേഖരിക്കുന്നത്.
ഒരു html ഡോക്യുമെൻ്റിൽ ഒരു യൂണികോഡ് ഗ്രാഫിക് ചിഹ്നം ചേർക്കുക
- ഈ പട്ടികയുടെ പ്രധാനവും ഏക ഉദ്ദേശവും.
ഇനിപ്പറയുന്ന വഴികളിലൊന്നിൽ നിങ്ങൾക്ക് ഒരു HTML പ്രമാണത്തിലേക്ക് ഒരു ചിഹ്നം ചേർക്കാൻ കഴിയും:
- ബ്രൗസർ വിൻഡോയിൽ നിന്ന് നിങ്ങളുടെ വിഷ്വൽ html എഡിറ്ററിൻ്റെ വിൻഡോയിലേക്ക് ചിഹ്ന ചിത്രം പകർത്തുക
- ചിഹ്നത്തിൻ്റെ html കോഡ് നേരിട്ട് html ഡോക്യുമെൻ്റിൻ്റെ കോഡിലേക്ക് പകർത്തുക
- വിഷ്വലിലേക്ക് വിഷ്വൽ തിരുകുക
- കോഡിലേക്ക് കോഡ് ചേർക്കുക.
ഒരു ചിഹ്നത്തിനായുള്ള ഫോണ്ട്, HTML-ൽ അതിൻ്റെ വലിപ്പവും നിറവും ഇതുപോലുള്ള കോഡ് ഉപയോഗിച്ച് സജ്ജമാക്കാൻ കഴിയും:
CHARACTER_CODE
എവിടെ,
ഏരിയൽ - ഫോണ്ട്,
10px - ഫോണ്ട് വലുപ്പം പിക്സലുകളിൽ,
#ff0000 - ഫോണ്ട് കളർ കോഡ് (ചുവപ്പ്)
ഉദാഹരണത്തിന്:
☎ - പ്രതീക ഫോണ്ട് വലുപ്പം 30px,
☎ - ചിഹ്ന ഫോണ്ട് വലുപ്പം 30px, നിറം - ചുവപ്പ്
☎ - പ്രതീക ഫോണ്ട് വലുപ്പം 20px,
☎ - ചിഹ്ന ഫോണ്ട് വലുപ്പം 10px.
കുറിപ്പ് ഏരിയൽ, വെർദാന, തഹോമ എന്നിവയാണ് പ്രത്യേക അക്ഷരങ്ങൾ ചേർക്കുന്നതിന് ശുപാർശ ചെയ്യുന്ന ഫോണ്ടുകൾ. ഈ ഫോണ്ടുകൾ യൂണികോഡ് പ്രതീകങ്ങൾ ശരിയായി പ്രദർശിപ്പിക്കുകയും വെബ് ആപ്ലിക്കേഷനുകൾ സ്വയം ശരിയായി പിന്തുണയ്ക്കുകയും ചെയ്യുന്നു.
- "ചിഹ്നം"
(ദൃശ്യ ചിഹ്ന പ്രദർശനം)
ഈ കോളത്തിൽ നിന്ന് നിങ്ങൾക്ക് ചിഹ്ന ചിത്രം പകർത്തി html ടെക്സ്റ്റ് എഡിറ്റർ വിൻഡോയിൽ ഒട്ടിക്കാം. ചിഹ്നം 20px ഫോണ്ട് സൈസ് ഉപയോഗിച്ച് പകർത്തും. പകർത്തൽ പൂർത്തിയായ ശേഷം, പകർത്തിയ പ്രതീകത്തിലേക്ക് നേരിട്ട് ഫോണ്ട് വലുപ്പം വ്യക്തിഗതമായി ക്രമീകരിക്കേണ്ടത് ആവശ്യമായി വന്നേക്കാം. - "പേര്"
(പ്രധാനപ്പെട്ടതോ വ്യക്തമല്ലാത്തതോ ആയ കഥാപാത്രങ്ങൾക്ക് മാത്രം)
ചിഹ്നത്തിൻ്റെ ഉദ്ദേശ്യം, അതിൻ്റെ വ്യാപ്തി, ഉദാഹരണങ്ങൾ എന്നിവയുടെ വിശദീകരണം... - "മെമ്മോണിക്സ്"
HTML-ലെ ഒരു പ്രതീകത്തിൻ്റെ അക്ഷരമാലാ കോഡിനെ സൂചിപ്പിക്കുന്നു "" എന്ന ഫോമിൻ്റെ അക്ഷരമാലാ ക്രമമാണ് ഓർമ്മപ്പെടുത്തൽ എല്ലാ html ആപ്ലിക്കേഷനുകളും പിന്തുണയ്ക്കുന്നു.ഓരോ സ്മരണികയിലും അതിൻ്റെ ചിഹ്നത്തിൻ്റെ ഒരു അക്ഷരനാമവും (പദവി) ഒരു സേവന ചിഹ്നവും (&) അടങ്ങിയിരിക്കുന്നു, അത് ബ്രൗസറിന് കോഡ് വായിക്കുന്നതിനുള്ള ഒരു സിഗ്നലായി വർത്തിക്കുന്നു, മോണിറ്റർ സ്ക്രീനിൽ പ്രദർശിപ്പിക്കില്ല. പേര് ഓരോ സ്മരണികയും അദ്വിതീയവും വായിക്കാൻ എളുപ്പവുമാണ്, കാരണം ഇത് ചിഹ്നത്തെ ചിത്രീകരിക്കുന്ന ഇംഗ്ലീഷ് പദത്തിൽ നിന്നാണ് ഉരുത്തിരിഞ്ഞത്.മെമ്മോണിക്സ് (ഗ്രീക്ക്) - എന്തെങ്കിലും ഓർമ്മിക്കുന്ന കല. ഓർമ്മപ്പെടുത്തുന്ന ഒബ്ജക്റ്റ് എന്തെങ്കിലും ഒരു അനുബന്ധ അവസ്ഥയിലേക്ക് കൊണ്ടുവരുമ്പോൾ, ഓർമ്മിക്കാൻ പ്രയാസമുള്ള വിവരങ്ങൾ മനസ്സിലാക്കാൻ മെമ്മോണിക്സ് ഉപയോഗിക്കുന്നു.
- "കോഡ്"
കോഡ് - HTML ലെ ഒരു പ്രതീകത്തിൻ്റെ സംഖ്യാ ദശാംശ കോഡ്, & പോലെ. ഒരു html ഡോക്യുമെൻ്റിൻ്റെ html കോഡിലേക്ക് നേരിട്ട് ചേർത്തു. ദശാംശ കോഡിൽ യൂണിക്കോഡ് സിസ്റ്റത്തിലെ പ്രതീകത്തിൻ്റെ സീരിയൽ നമ്പർ സൂചിപ്പിക്കുന്ന ഒരു സംഖ്യയും നിരവധി സേവന പ്രതീകങ്ങളും (& ഒപ്പം #) അടങ്ങിയിരിക്കുന്നു, അത് ബ്രൗസറിന് കോഡ് വായിക്കുന്നതിനുള്ള ഒരു സിഗ്നലായി വർത്തിക്കുകയും മോണിറ്റർ സ്ക്രീനിൽ ദൃശ്യമാകാതിരിക്കുകയും ചെയ്യുന്നു. ഡെസിമൽ കോഡ് അതിൻ്റെ ബഹുമുഖതയും ധാരണയുടെ എളുപ്പവും കാരണം വ്യാപകമായി ഉപയോഗിക്കുകയും ഉപയോഗിക്കുകയും ചെയ്യുന്നു.
HTML (XHTML) ലെ പ്രതീകങ്ങൾ നിയന്ത്രിക്കുക
HTML (XHTML) ലെ നിയന്ത്രണ പ്രതീകങ്ങൾ ഒരു വെബ് പേജിൻ്റെ HTML ലേഔട്ടിൽ ഉപയോഗിക്കുന്ന HTML ഭാഷയുടെ സേവന പ്രതീകങ്ങളാണ്. ഏത് ബ്രൗസറും ഈ പ്രതീകങ്ങളെ പിന്തുണയ്ക്കണം, കാരണം അവയില്ലാതെ HTML ടെക്സ്റ്റ് ശരിയായി പ്രദർശിപ്പിക്കുന്നത് അസാധ്യമാണ്. നിയന്ത്രണ പ്രതീകങ്ങൾ ടെക്സ്റ്റിൽ പ്രദർശിപ്പിക്കില്ല, കീബോർഡിൽ നിന്ന് നേരിട്ട് നൽകുമ്പോൾ, സ്ക്രീനിൽ പേജ് വരയ്‌ക്കുമ്പോൾ ചില പ്രവർത്തനങ്ങൾ നടത്താൻ ആവശ്യപ്പെടുന്ന വിരാമചിഹ്നങ്ങളായി ബ്രൗസർ വ്യാഖ്യാനിക്കുന്നു.
സാധാരണ ടെക്സ്റ്റുകളിൽ നിയന്ത്രണ പ്രതീകങ്ങൾ ഉപയോഗിക്കാൻ അനുവദിച്ചിരിക്കുന്നു, അവിടെ അവ സാർവത്രിക ആശയങ്ങളെ പ്രതീകപ്പെടുത്തുകയും ബ്രൗസർ സാധാരണ ടൈപ്പോഗ്രാഫിക്കൽ പ്രതീകങ്ങളായി വ്യാഖ്യാനിക്കുകയും ചെയ്യുന്നു. ഈ രീതിയിൽ HTML ടെക്സ്റ്റുകളിൽ സേവന ചിഹ്നങ്ങൾ ഉപയോഗിക്കുമ്പോൾ, നിങ്ങൾ ചിഹ്നത്തിൻ്റെ മൂല്യമല്ല, അതിൻ്റെ HTML കോഡാണ് നൽകേണ്ടത്. കാരണം, ഞാൻ ആവർത്തിക്കുന്നു, അല്ലാത്തപക്ഷം ബ്രൗസർ സേവന ചിഹ്നത്തെ പ്രവർത്തനത്തിനുള്ള ഒരു കോളായി കാണുകയും മോണിറ്റർ സ്ക്രീനിൽ HTML ടെക്സ്റ്റ് ശരിയായി പ്രദർശിപ്പിക്കുകയും ചെയ്യും.
നിയന്ത്രണ ചിഹ്നങ്ങളും അവയുടെ HTML കോഡും എല്ലാ ബ്രൗസറുകളും ഒഴിവാക്കാതെ അറിയുകയും മനസ്സിലാക്കുകയും ചെയ്യുന്നു, അയ്യോ, വ്യത്യസ്ത ബ്രൗസറുകളിൽ തെറ്റായി പ്രദർശിപ്പിച്ചേക്കാവുന്ന അല്ലെങ്കിൽ അതിലും മോശമായി പ്രദർശിപ്പിക്കപ്പെടാത്ത മറ്റ് ചിഹ്നങ്ങളെക്കുറിച്ച് പറയാൻ കഴിയില്ല.
വാക്യഘടനയും വിരാമചിഹ്നവും
| N നീളമുള്ള ഇടം (സാധാരണ ഇടം) | |||||
| നീളമുള്ള സ്ഥലം എം (ദീർഘസ്ഥലം) | |||||
| - | മൃദു ഹൈഫൻ (അച്ചടിക്കാനാവാത്ത പ്രതീകം) | - | | ||
| ‑ | ഹൈഫൻ | ‑ |
|||
|---|---|---|---|---|---|
| - | N നീളമുള്ള ഡാഷ് (സാധാരണ ഡാഷ്) | - | – | ||
| — | M നീളമുള്ള ഡാഷ് (എം ഡാഷ്) | — | — | ||
| . | ഡോട്ട് | . | |||
| , | കോമ | , | |||
| … | ദീർഘവൃത്താകൃതി | … |
… |
||
| : | കോളൻ | : | |||
| ; | അർദ്ധവിരാമം | ; | |||
| ! | ആശ്ചര്യചിഹ്നം | ! ǃ |
|||
| ? | ചോദ്യചിഹ്നം | ? | |||
| @ | "നായ" | @ | |||
| * | "നക്ഷത്രം" | * | |||
| # | "ലാറ്റിസ്" | # | |||
| ‘ | മുകളിൽ ഇടത് ഉദ്ധരണി | ‘ | ‘ |
||
| ’ | മുകളിൽ വലത് ഉദ്ധരണി | ’ | ’ |
||
| ‚ | താഴെ വലതുവശത്തുള്ള ഒറ്റ ഉദ്ധരണി | ‚ | ‚ |
||
| “ | മുകളിൽ ഇടത് ഉദ്ധരണി | “ | “ |
||
| ” | മുകളിൽ വലതുവശത്തുള്ള ഇരട്ട ഉദ്ധരണി | ” | ” |
||
| „ | താഴെ വലതുവശത്തുള്ള ഇരട്ട ഉദ്ധരണി | &bdquo | „ |
||
| « | ഇരട്ട ഇടത് മൂല ഉദ്ധരണി ചിഹ്നം (റസ്) | « | « | ||
| » | ഇരട്ട വലത് കോണിലുള്ള ഉദ്ധരണി ചിഹ്നം (റസ്) | » | » | ||
| ́ | ഉച്ചാരണ ചിഹ്നം, ഉദാഹരണം: വാസ്യ | ́ | |||
| " | അപ്പോസ്‌ട്രോഫി, ഉദാഹരണം: നിങ്ങൾ"ഞാൻ | " | |||
| ´ | നിശിതം, ഉദാഹരണം: Vasya | ´ | ´ | ||
| ¶ | ഖണ്ഡിക (അച്ചടിക്കാനാവാത്ത പ്രതീകം) | ¶ | ¶ | ||
| § | ഖണ്ഡിക | § | § | ||
| ˆ | ഉച്ചാരണ (വിപരീത പക്ഷി) | ˆ | ˆ |
||
| ˜ | ചെറിയ ടിൽഡ് | ˜ | ˜ |
||
| ¦ | ലംബമായ ഡോട്ടഡ് ലൈൻ | ¦ | ¦ | ||
| ( | ഇടത് പരാന്തീസിസ് | ( | |||
| ) | വലത് പരാന്തീസിസ് | ) | |||
| 〈 | ഇടത് ആംഗിൾ ബ്രാക്കറ്റ് | 〈 | 〈 | ||
| 〉 | വലത് ആംഗിൾ ബ്രാക്കറ്റ് | 〉 | 〉 | ||
| ‹ | ഇടത് ആംഗിൾ ബ്രാക്കറ്റ്, ഓപ്ഷൻ | ‹ | ‹ | ||
| › | വലത് ആംഗിൾ ബ്രാക്കറ്റ്, ഓപ്ഷൻ | › | › | ||
| [ | ഇടത് ചതുര ബ്രാക്കറ്റ് | [ | |||
| ] | വലത് ചതുര ബ്രാക്കറ്റ് | ] | |||
| / | സ്ലാഷ് - സ്ലാഷ് പ്രതീകം | / | |||
| \ | ബാക്ക്സ്ലാഷ് | \ | |||
| ⁄ | സ്ലാഷ് (ഡിവിഷൻ ചിഹ്നം) | ⁄ | ⁄ | ||
| ǀ | ലംബ ബാർ | ǀ | |||
| ǁ | ഇരട്ട ലംബ ബാർ | ǁ | |||
| ‾ | ഓവർലൈനിംഗ്, ഉദാഹരണം: Vasya‾vasya | ‾ | ‾ | ||
| ¯ | മാക്രോൺ, ഉദാഹരണം: Vasya¯vasya | ¯ | ¯ | ||
വ്യാപാരമുദ്രകളും കറൻസിയും
| + | പ്ലസ് | + | + | ||
|---|---|---|---|---|---|
| − | മൈനസ് | − | - − |
||
| = | തുല്യമാണ് | = | |||
| ± | പ്ലസ് അല്ലെങ്കിൽ മൈനസ് | ± | ± | ||
| × | ഗുണന ചിഹ്നം | × | × | ||
| ÷ | വിഭജന ചിഹ്നം | ÷ | ÷ | ||
| ⋅ | ഡോട്ട് ഓപ്പറേറ്റർ (ലൈനിൻ്റെ മധ്യത്തിൽ) | ⋅ | · ⋅ |
||
| ∗ | നക്ഷത്രചിഹ്നം ഓപ്പറേറ്റർ (വരിയുടെ നടുവിൽ) | ∗ | ∗ | ||
| ∼ | ടിൽഡ് ഓപ്പറേറ്റർ | ∼ | ∼ | ||
| . | ലിസ്റ്റ് മാർക്കർ (വരിയുടെ നടുവിൽ) | . | |
||
| ¹ | സൂപ്പർസ്ക്രിപ്റ്റ് "1" | ¹ | ¹ | ||
| ² | സൂപ്പർസ്ക്രിപ്റ്റ് "2" | ² | ² | ||
| ³ | സൂപ്പർസ്ക്രിപ്റ്റ് "3" | ³ | ³ | ||
| HTML (XHTML)-ലെ സൂപ്പർസ്ക്രിപ്റ്റും സബ്സ്ക്രിപ്റ്റും ടാഗുകൾ ഉപയോഗിച്ച് ചേർക്കാവുന്നതാണ് ഒപ്പം , യഥാക്രമം: NUMBER സൂപ്പർസ്ക്രിപ്റ്റ്→ NUMBER സൂപ്പർസ്ക്രിപ്റ്റ് NUMBER സബ്സ്ക്രിപ്റ്റ്→ NUMBER സബ്സ്ക്രിപ്റ്റ് |
|||||
| ½ | അംശം "ഒരു പകുതി" | ½ | ½ | ||
| ⅓ | അംശം "മൂന്നിൽ ഒന്ന്" | ⅓ | |||
| ¼ | അംശം "നാലിൽ ഒന്ന്" | ¼ | ¼ | ||
| ¾ | അംശം "മുക്കാൽ" | ¾ | ¾ | ||
| № | നമ്പർ ചിഹ്നം | № | |||
| % | ശതമാനം | % | |||
| ‰ | പിപിഎം | ‰ | ‰ |
||
| ° | ഡിഗ്രികൾ | ° | ° | ||
| ′ | പ്രധാനം (മിനിറ്റുകൾ, അടി) | ′ | ′ | ||
| ″ | ഇരട്ട പ്രൈം (സെക്കൻഡ്, ഇഞ്ച്) ഉദാഹരണം 1: 30° 25′ 12″ ഉദാഹരണം 2: 25′ 12 ″ |
″ | ″ | ||
| µ | സൂക്ഷ്മ | µ | µ | ||
| π | പൈ | π | π | ||
| ƒ | ഫംഗ്ഷൻ ചിഹ്നം ("ഇൻ്റഗ്രൽ" എന്നതുമായി തെറ്റിദ്ധരിക്കരുത്) |
ƒ | ƒ |
||
| ∫ | സമഗ്രമായ | ∫ | ∫ | ||
| ∅ | പൂജ്യം കടന്നു, ശൂന്യമായ സെറ്റ് ("വ്യാസം" എന്നതുമായി തെറ്റിദ്ധരിക്കരുത്) |
∅ | ∅ | ||
| ⌀ | വ്യാസം (ക്രോസ് ഔട്ട് ലാറ്റിൻ "o" മായി തെറ്റിദ്ധരിക്കരുത്) | ⌀ | |||
| ø | ലാറ്റിൻ "o" ഡയഗണലായി ക്രോസ് ചെയ്തു | ø | ø | ||
| Ø | ലാറ്റിൻ മൂലധനം "O" ഡയഗണലായി കടന്നു | Ø | Ø | ||
| ∏ | ജോലി അടയാളം | ∏ | ∏ | ||
| ∑ | സംഗ്രഹ ചിഹ്നം | ∑ | ∑ | ||
| √ | സമൂലമായ (സ്ക്വയർ റൂട്ട് അല്ലെങ്കിൽ x റൂട്ട്) |
√ | √ | ||
| ∝ | ആനുപാതികമായി | ∝ | ∝ | ||
| ∞ | അനന്തത | ∞ | ∞ | ||
| ∠ | മൂല | ∠ | ∠ | ||
| ⊥ | ഓർത്തോഗണൽ (ലംബമായി) | ⊥ | ⊥ | ||
| ∴ | "അതിനാൽ" എന്ന് ഒപ്പിടുക | ∴ | ∴ | ||
| ≅ | ഏകദേശം തുല്യം | ≅ | ≅ | ||
| ≈ | ഏതാണ്ട് തുല്യമാണ് | ≈ | ≈ | ||
| ≠ | തുല്യമല്ല | ≠ | ≠ | ||
| ≡ | ഒരേപോലെ | ≡ | ≡ | ||
| ≤ | കുറവ് അല്ലെങ്കിൽ തുല്യം | ≤ | ≤ | ||
| ≥ | കൂടുതലോ തുല്യമോ | ≥ | ≥ | ||
| ∧ | ലോജിക്കൽ AND | ∧ | ∧ | ||
| ∨ | ലോജിക്കൽ OR | ∨ | ∨ | ||
| ⊕ | കൂടാതെ ഒരു സർക്കിളിൽ സൈൻ ചെയ്യുക (നേരിട്ടുള്ള തുക) |
⊕ | ⊕ | ||
| ⊗ | ഒരു സർക്കിളിലെ ഗുണന ചിഹ്നം (ക്രോസ് ഉൽപ്പന്നം, നിരീക്ഷകനിൽ നിന്നുള്ള അമ്പടയാളം) |
⊗ | ⊗ | ||
| ʘ | ഒരു വൃത്തത്തിൽ ഡോട്ട് (നിരീക്ഷകനിലേക്കുള്ള അമ്പ്) |
ʘ | |||
|
✵ ✵ |
|||||
