HTML ൽ പ്രത്യേക പ്രതീകങ്ങൾ ഉപയോഗിക്കുന്നതിനുള്ള ഒരു ലളിത ഗൈഡ്
നിങ്ങൾ ഓൺലൈനിൽ സന്ദർശിക്കുന്ന വെബ്പേജുകൾ, വെബ് ബ്രൗസറുകളോട് പേജിന്റെ ഉള്ളടക്കം എന്താണെന്നും അത് കാഴ്ചക്കാർക്ക് അത് എങ്ങനെ പ്രദർശിപ്പിക്കുന്നു എന്നതിനെക്കുറിച്ചും ഉള്ള ഒരു കോഡാണ്. കോഡുകളിൽ അറിയപ്പെടുന്ന നിർദ്ദിഷ്ട നിർമ്മാണ ബ്ലോക്കുകളിൽ കോഡ് അടങ്ങിയിരിക്കുന്നു, അത് വെബ്പേജ് കാഴ്ചക്കാരൻ ഒരിക്കലും കാണുകയില്ല. വായനക്കാരന് വായിക്കാൻ വേണ്ടി രൂപകൽപ്പന ചെയ്തിരിക്കുന്ന തലക്കെട്ടുകളും ഖണ്ഡികകളും പോലുള്ള സാധാരണ പാഠ പ്രതീകങ്ങളിൽ കോഡ് ഉൾപ്പെടുന്നു.
HTML- ലെ പ്രത്യേക പ്രതീകങ്ങളുടെ പങ്ക്
നിങ്ങൾ എപ്പോഴാണ് HTML ഉപയോഗിക്കുന്നത് എന്ന് വായിക്കാനായി രൂപകൽപ്പന ചെയ്തിരിക്കുന്ന വാചകം ടൈപ്പ് ചെയ്യുമ്പോൾ, നിങ്ങൾക്ക് പ്രത്യേക കോഡുകളൊന്നും ആവശ്യമില്ല-നിങ്ങളുടെ കംപ്യൂട്ടർ കീബോർഡ് ഉപയോഗിക്കുന്നതിന് ഉചിതമായ അക്ഷരങ്ങളോ അക്ഷരങ്ങളോ ചേർക്കുന്നു. HTML- ന്റെ ഒരു ഭാഗമായി ഉപയോഗിക്കുന്ന റീഡബിൾ വാചകത്തിൽ ഒരു പ്രതീകം ടൈപ്പുചെയ്യാൻ നിങ്ങൾ ആഗ്രഹിക്കുമ്പോഴുള്ള ഒരു പ്രശ്നം ഉയർന്നുവരുന്നു. ഈ പ്രതീകങ്ങളിൽ ഓരോ HTML ടാഗും ആരംഭിക്കാനും പൂർത്തിയാക്കാനും കോഡിൽ ഉപയോഗിച്ചിരിക്കുന്ന <ഒപ്പം> പ്രതീകങ്ങളും ഉൾപ്പെടുന്നു. കീബോർഡിൽ നേരിട്ട് അനലോഗ് ചെയ്യാത്ത വാചകങ്ങളിൽ പ്രതീകങ്ങൾ ഉൾപ്പെടുത്താനും നിങ്ങൾ ആഗ്രഹിക്കുന്നുണ്ടാകും, ഉദാഹരണത്തിന് © ഒപ്പം Ñ. നിങ്ങളുടെ കീബോർഡിൽ ഒരു കീ ഇല്ലല്ലാത്ത പ്രതീകങ്ങൾക്കായി, നിങ്ങൾ ഒരു കോഡ് നൽകും.
HTML കോഡിലുപയോഗിക്കുന്ന പ്രതീകങ്ങൾ പ്രദർശിപ്പിക്കുന്നതോ അല്ലെങ്കിൽ കാഴ്ചക്കാരന് കാണുന്ന പാഠത്തിൽ കീബോർഡിൽ കാണാത്ത പ്രതീകങ്ങൾ ഉൾപ്പെടുത്തുന്നതോ ആയ സവിശേഷമായ പ്രതീകങ്ങളായ HTML കോഡാണ് പ്രത്യേക പ്രതീകങ്ങൾ. എച്ച്ടിഎംഎൽ രേഖയിൽ ഒരു HTML പ്രമാണത്തിൽ ഉൾപ്പെടുത്താം, ബ്രൌസർ വായിച്ച്, നിങ്ങളുടെ സൈറ്റിന്റെ സന്ദർശകർക്ക് ശരിയായി പ്രദർശിപ്പിക്കാൻ സാധിക്കുന്നതിനായി ഈ പ്രത്യേക പ്രതീകങ്ങൾ HTML എന്റർപ്രൈസ് അല്ലെങ്കിൽ പ്രതീക എൻകോഡിംഗ് ഉപയോഗിച്ച് റെൻഡർ ചെയ്യുന്നു.
പ്രത്യേക HTML അക്ഷരങ്ങൾ
HTML കോഡിലെ വാക്യഘടനയുടെ കോറിന്റെ മൂന്ന് പ്രതീകങ്ങൾ ഉണ്ട്. ശരിയായ പ്രദർശനത്തിനായി നിങ്ങൾ ആദ്യം എൻകോഡിംഗ് ചെയ്യാതെ നിങ്ങളുടെ വെബ്പേജിന്റെ വായന ഭാഗങ്ങളിൽ അവ ഒരിക്കലും ഉപയോഗിക്കരുത്. ഇവയേക്കാൾ വലുതും, കുറവാകും, ആമ്പർപ്പോർട്ട് ചിഹ്നങ്ങളുമാണ്. മറ്റൊരു രീതിയിൽ പറഞ്ഞാൽ, ഒരു HTML ടാഗിന്റെ ആരംഭം ആയിരിക്കണം നിങ്ങളുടെ HTML കോഡിലുള്ള < strong > ചിഹ്നത്തിനുപയോഗിക്കുന്നത് . നിങ്ങൾ അങ്ങനെ ചെയ്താൽ, കഥാപാത്രം ബ്രൌസറുകൾക്ക് ആശയക്കുഴപ്പമുണ്ടാക്കുന്നു, നിങ്ങൾ പ്രതീക്ഷിച്ചതുപോലെ നിങ്ങളുടെ പേജുകൾ റെൻഡർ ചെയ്തേക്കില്ല. പകർത്തിയിട്ടില്ലെങ്കിൽ നിങ്ങൾ ഒരിക്കലും ചേർക്കേണ്ട മൂന്നു പേരുകൾ ഇവയാണ്:
- കുറവ് ചിഹ്നമാണ് <
- വലിയ പ്രതീതി
- ampersand &
നിങ്ങൾ ഈ പ്രതീകങ്ങൾ നിങ്ങളുടെ HTML കോഡായി നേരിട്ട് ടൈപ്പുചെയ്യുമ്പോൾ-നിങ്ങൾ അവയെ എൻകോഡിംഗിലെ കോഡ്-ടൈപ്പിലെ ഘടകങ്ങളായി ഉപയോഗിക്കുന്നില്ലെങ്കിൽ, അങ്ങനെ അവർ വായിക്കാൻ കഴിയുന്ന പാഠത്തിൽ ശരിയായി ദൃശ്യമാകും:
- കുറയാതെയുള്ള ചിഹ്നം - & lt;
- വലിയ സൈനിൻ - & gt;
- ampersand - & amp;
ഓരോ സവിശേഷ കഥാപാത്രവും ആമ്പർസാൻഡിനൊപ്പം തുടങ്ങുന്നു- ആപറസ്സിന്റെ പ്രത്യേക പ്രതീകം പോലും ഈ പ്രതീകത്തോടെ തുടങ്ങുന്നു. പ്രത്യേക പ്രതീകങ്ങൾ ഒരു അർദ്ധവിരാമത്തോട് കൂടിയാണ് അവസാനിക്കുന്നത്. ഈ രണ്ട് പ്രതീകങ്ങൾക്കിടയിൽ, നിങ്ങൾ ചേർക്കാൻ ആഗ്രഹിക്കുന്ന സ്പെഷ്യൽ ക്യാരക്ടറിന് ഉചിതമായത് ചേർക്കുന്നു. HTML- ൽ ampersand, semicolon- നുമിടയിൽ കാണുമ്പോൾ lt ( കുറവ് ) ചിഹ്നത്തിനു പകരം കുറവ് സൃഷ്ടിക്കുന്നു. സമാനമായി, ഒരു വലിയ ചിഹ്നത്തെ സൃഷ്ടിക്കുന്നതിനാൽ, ഒരു ampersand ഉം സെമികോളനുമിടയിലുള്ള സ്ഥാനത്തായിരിക്കുമ്പോൾ, ഒരു വലിയ ചിഹ്നത്തെ സൃഷ്ടിക്കുന്നു.
നിങ്ങൾക്ക് ടൈപ്പ് ചെയ്യാനാകാത്ത പ്രത്യേക അക്ഷരങ്ങൾ
ലാറ്റിൻ -1 സ്റ്റാൻഡേർഡ് പ്രതീക ഗണത്തിൽ റെൻഡർ ചെയ്ത ഏത് ക്യാരക്ടും HTML ൽ റെൻഡർ ചെയ്യാനാകും. അത് നിങ്ങളുടെ കീബോർഡിൽ ദൃശ്യമാകുന്നില്ലെങ്കിൽ, അംപർസെന്റ് പ്രതീകം ഉപയോഗിച്ച് പ്രതീകത്തിലേക്ക് നിർവചിച്ചിരിക്കുന്ന തനതായ കോഡാണ് സെമികോൺ പിന്തുടരുന്നത്.
ഉദാഹരണത്തിന് പകർപ്പവകാശ മുദ്രയ്ക്കുള്ള "സൌഹൃദ കോഡ്" & പകർപ്പ് ആണ്; വ്യാപാരം ; വ്യാപാരമുദ്രയുടെ ചിഹ്നത്തിനുള്ള കോഡാണ്.
ഈ സൗഹൃദ കോഡ് ടൈപ്പുചെയ്യുന്നതും എളുപ്പത്തിൽ ഓർക്കാൻ എളുപ്പവുമാണ്, എന്നാൽ ഓർമിക്കാൻ എളുപ്പമുള്ള സൌഹൃദ കോഡില്ല നിരവധി പ്രതീകങ്ങൾ ഉണ്ട്.
സ്ക്രീനിൽ ടൈപ്പുചെയ്യുന്ന എല്ലാ ക്യാരക്റ്ററും അനുബന്ധ ദശാംശ സംഖ്യ കോഡാണ്. ഏത് പ്രതീകവും പ്രദർശിപ്പിക്കുന്നതിന് നിങ്ങൾക്ക് ഈ സാംഖിക കോഡ് ഉപയോഗിക്കാൻ കഴിയും. ഉദാഹരണത്തിന്, പകർപ്പവകാശ ചിഹ്നത്തിനായുള്ള ദശാംശസംഖ്യാ കോഡ്- & # 169; - വിസ്മയങ്ങൾ സംഖ്യ കോഡുകൾ എങ്ങനെ പ്രവർത്തിക്കുന്നു. ഇപ്പോഴും അവർ ആംബർഗ്രഫിൽ ആരംഭിച്ച് ഒരു അർദ്ധവിരാമത്തോടുകൂടി ആരംഭിക്കുന്നു, എന്നാൽ ഫ്രണ്ട്ലി ടെക്സ്റ്റിന്പകരം, ആ സംഖ്യയ്ക്കായി നിങ്ങൾ ഒരു സവിശേഷ നമ്പർ കോഡ് ഉപയോഗിക്കും.
സൗഹൃദ കോഡുകൾ ഓർമിക്കാൻ എളുപ്പമാണ്, പക്ഷേ സംഖ്യാ കോഡുകൾ പലപ്പോഴും കൂടുതൽ വിശ്വസനീയമാണ്. ഡേറ്റാബേസുകളിലും എക്സ്എംഎല്ലുകളുമായും നിർമിച്ചിരിക്കുന്ന സൈറ്റുകൾ നിർവചിച്ചിരിക്കുന്ന എല്ലാ സൗഹൃദ കോഡുകളും ഉണ്ടാകണമെന്നില്ല, എന്നാൽ അവർ സംഖ്യാ കോഡുകൾ പിന്തുണയ്ക്കുന്നു.
പ്രതീകങ്ങൾക്കായി സാംഖിക കോഡുകൾ കണ്ടെത്തുന്നതിനുള്ള മികച്ച മാർഗം, ഓൺലൈനിൽ നിങ്ങൾക്ക് കണ്ടെത്താനാകും പ്രതീക സെറ്റുകളിലാണ്. നിങ്ങൾക്ക് ആവശ്യമുള്ള ചിഹ്നം നിങ്ങൾ കണ്ടെത്തുമ്പോൾ, നിങ്ങളുടെ HTML- ൽ സംഖ്യാ കോഡ് പകർത്തി ഒട്ടിക്കുക.
ചില ക്യാരക്ടർ സെറ്റുകൾ ഉൾപ്പെടുന്നു:
- കറൻസി കോഡുകൾ
- ഗണിത കോഡുകൾ
- ചിഹ്ന കോഡുകൾ
- ഉച്ചാരണ കോഡുകൾ
- ഡയാക്രിട്ടിക്സ് കോഡുകൾ
ഇംഗ്ലീഷ് അല്ലാത്ത ഭാഷാ പ്രതീകങ്ങൾ
സവിശേഷമായ പ്രതീകങ്ങൾ ഇംഗ്ലീഷ് ഭാഷയ്ക്ക് മാത്രമായി പരിമിതപ്പെടുത്തിയിട്ടില്ല. ഇതര ഭാഷകളിലുള്ള പ്രത്യേക പ്രതീകങ്ങൾ എച്ച്.റ്റി.എം.എൽ ഉൾപ്പെടെ ഇനിപ്പറയുന്നവയിൽ ഉൾക്കൊള്ളിക്കാവുന്നതാണ്:
എന്താണ് ഹെക്സാഡെസിമൽ കോഡുകൾ?
HTML കോഡിലെ പ്രത്യേക പ്രതീകങ്ങൾ പ്രദർശിപ്പിക്കുന്നതിനുള്ള ഒരു ഇതര ഫോർമാറ്റാണ് ഹെക്സാഡെസിമൽ കോഡ്. നിങ്ങളുടെ വെബ്പേജിനായി നിങ്ങൾക്കാവശ്യമായ ഏതു രീതിയിലാണ് ഉപയോഗിക്കാൻ കഴിയുക. നിങ്ങൾ ഓൺലൈനിൽ പ്രതീക സെറ്റുകളിലേക്ക് നോക്കുകയും നിങ്ങൾ സൌഹൃദ കോഡുകളോ സംഖ്യാ കോഡുകളോ ഉപയോഗിക്കുന്ന വിധത്തിൽ അവ ഉപയോഗിക്കുകയും ചെയ്യുക.
നിങ്ങളുടെ പ്രമാണ തലത്തിലേക്ക് യൂണികോഡ് പ്രഖ്യാപനം ചേർക്കുക
നിങ്ങളുടെ പ്രത്യേക പ്രതീകങ്ങൾ ശരിയായി പ്രദർശിപ്പിക്കുന്നത് ഉറപ്പാക്കാൻ നിങ്ങളുടെ വെബ്പേജിന്റെ
എവിടെയും ഉള്ള മെറ്റാ ടാഗ് ചേർക്കുക.നുറുങ്ങുകൾ
നിങ്ങൾ ഏത് രീതിയിലാണ് ഉപയോഗിക്കുന്നത്, ഏതാനും മികച്ച നടപടികൾ മനസ്സിൽ സൂക്ഷിക്കുക:
- നിങ്ങളുടെ എക്റ്റിവിറ്റി ഒരു അർദ്ധവിരാമവുമായി എല്ലായ്പ്പോഴും അവസാനിപ്പിക്കുക. ചില HTML എഡിറ്റർമാർ അവസാനത്തെ സെമി കോളൺ ഇല്ലാതെ HTML കോഡുകൾ പോസ്റ്റ് ചെയ്യാൻ നിങ്ങളെ അനുവദിക്കും, പക്ഷേ നിങ്ങളുടെ പേജുകൾ അസാധുവാക്കും, മാത്രമല്ല മിക്ക വെബ് ബ്രൌസറുകളും എൻട്രികൾ ശരിയായി പ്രദർശിപ്പിക്കില്ല.
- എപ്പോഴും ഒരു ആമ്പർസന്റ് ഉപയോഗിച്ച് തുടങ്ങുക. നിരവധി വെബ് എഡിറ്റർമാർ നിങ്ങളെ "amp;" എന്നാൽ നിങ്ങൾ എക്സ്എക്സ്എഎൽ മാത്രം ഒരൊറ്റ ആപററിങ്ങ് പ്രദർശിപ്പിക്കുമ്പോൾ, ഇത് ഒരു സാധൂകരണ പിശകായി മാറുന്നു.
- നിങ്ങൾക്ക് കഴിയുന്നത്ര ബ്രൌസറുകളിൽ നിങ്ങളുടെ പേജുകൾ പരിശോധിക്കുക. നിങ്ങളുടെ ഡോക്യുമെന്റ് മനസിലാക്കുന്നതിനാണ് ഈ പ്രതീകം നിർണ്ണയിക്കുന്നതെങ്കിൽ, നിങ്ങളുടെ ഉപഭോക്താക്കൾ ഉപയോഗിക്കുന്ന ബ്രൗസറിൽ / ഒഎസ് ചേരുവുകളിൽ ഇത് പരീക്ഷിക്കാൻ കഴിയില്ലെങ്കിൽ, അതിനെ പ്രതിനിധാനം ചെയ്യുന്നതിന് നിങ്ങൾ മറ്റൊരു വഴി കണ്ടെത്തണം. എന്നിരുന്നാലും, നിങ്ങൾ ചിത്രങ്ങൾ അല്ലെങ്കിൽ മറ്റെന്തെങ്കിലും അവലംബിക്കുന്നതിന് മുൻപ്, നിങ്ങളുടെ ബ്രൌസറിൽ ഒന്നിലധികം ബ്രൗസറുകളിൽ മൂല്യനിർണ്ണയം നടത്തുന്ന ബ്രൗസർ ടെസ്റ്റിംഗ് ടൂളുകളിൽ ഒന്ന് പരീക്ഷിക്കുക.