എന്താണ് HTML5 പ്ലെയ്സ്ഹോൾഡ് ലിങ്കുകൾ?
HTML5 വരെ idUp, ഒരു ടാഗിന് ഒരു ആട്രിബ്യൂട്ട് ആവശ്യമാണ്: href. എന്നാൽ HTML5 ആ ആട്രിബ്യൂട്ട് ഓപ്ഷണൽ പോലും ആക്കുന്നു. ഏതെങ്കിലും ആട്രിബ്യൂട്ടുകൾ ഇല്ലാത്ത ഒരു ടാഗ് എഴുതുകയാണെങ്കിൽ അതിനെ ഒരു സ്ഥാനസൂചിക ലിങ്ക് എന്ന് വിളിക്കുന്നു.
ഒരു പ്ലെയ്സ്ഹോൾഡർ ലിങ്ക് ഇങ്ങനെ തോന്നുന്നു:
മുമ്പത്തെവികസന സമയത്ത് പ്ലേസ്ഹോൾ ലിങ്കുകൾ ഉപയോഗിക്കുന്നു
ഓരോ വെബ് ഡിസൈനറിലും ഒരു വെബ്സൈറ്റ് രൂപകൽപ്പന ചെയ്യുകയും നിർമ്മിക്കുകയും ചെയ്യുന്ന സമയത്ത് ഒരു സമയം അല്ലെങ്കിൽ മറ്റൊന്നിൽ ഓരോ പ്ലെയ്സ്ഹോൾഡർ ലിങ്കുകളും സൃഷ്ടിച്ചിരിക്കുന്നു. HTML5- ന് മുമ്പ് നമ്മൾ ഇങ്ങനെ എഴുതുന്നു:
ലിങ്ക് ലിങ്ക്സ്ഥാനസൂചിക പോലെ. ക്ലയന്റുകൾക്ക് ക്ലയന്റുകൾക്ക് വേണ്ടി ഞാൻ mockup സൈറ്റുകൾ അയച്ചു, ക്ലയന്റ് എന്നോട് "എന്തുകൊണ്ട് ലിങ്കിലുള്ള ലിങ്കുകൾ പ്രവർത്തിക്കുന്നില്ല?" എന്നോട് ചോദിക്കാറുണ്ട്.
ഒരു ഹാഷ് ടാഗ് (#) ഉപയോഗിച്ച് ഒരു ഹോൾട്ഗ് ലിങ്ക് ഉപയോഗിക്കുന്ന പ്രശ്നം ലിങ്ക് ക്ലിക്കുചെയ്യാവുന്നതാണ്, ഇത് ക്ലയന്റുകൾക്ക് ആശയക്കുഴപ്പം ഉണ്ടാക്കാം. കൂടാതെ, ശരിയായ യുആർഎൽ ഉപയോഗിച്ച് ആരെയെങ്കിലും അപ്ഡേറ്റ് ചെയ്യാൻ മറന്നാൽ, തൽസ്ഥാന സൈറ്റിൽ തകരാറിലാകുമ്പോൾ ആ ലിങ്കുകൾ ദൃശ്യമാകും.
പകരം, ഒരു ആട്രിബ്യൂട്ടുകളില്ലാതെ ഒരു ടാഗുകൾ ഉപയോഗിച്ചു തുടങ്ങണം. നിങ്ങളുടെ പേജിലെ മറ്റേതെങ്കിലും ലിങ്ക് പോലെ തോന്നിക്കുന്ന രീതിയിൽ നിങ്ങൾക്ക് അവയെ രൂപകൽപ്പന ചെയ്യാൻ കഴിയും, എന്നാൽ അവ വെറുതെ placeholders ആയതിനാൽ അവ ക്ലിക്കുചെയ്യാൻ കഴിയില്ല.
തത്സമയ സൈറ്റുകളിൽ പ്ലേസ്ഹോൾ ലിങ്കുകൾ ഉപയോഗിക്കുന്നു
എന്നാൽ പ്ലെയ്സ്ഹോൾഡർ ലിങ്കുകൾ വെറും വികസനത്തിൽ കൂടുതൽ മെച്ചപ്പെടുത്തുന്നതിന് വെബ് ഡിസൈനിൽ സ്ഥാനം നേടിയിട്ടുണ്ട്. ഒരു സ്ഥാനസൂചിക ലിങ്ക് വിളിക്കാവുന്ന ഒരിടത്ത് നാവിഗേഷനാണ്. പല സന്ദർഭങ്ങളിലും, നിങ്ങൾ ഏത് പേജാണ് എന്നതിനെ സൂചിപ്പിക്കുന്നതിന് വെബ്സൈറ്റ് നാവിഗേഷൻ ലിസ്റ്റുകളുണ്ട്. ഇവയെ പലപ്പോഴും "നിങ്ങൾ ഇവിടെയാണ്" സൂചകങ്ങളായി വിളിക്കുന്നു.
മിക്ക സൈറ്റുകളും "നിങ്ങൾ ഇവിടെയാണ്" എന്ന് ആവശ്യപ്പെടുന്ന മൂലകത്തിലെ ഐഡി ആട്രിബ്യൂട്ടുകളെ ആശ്രയിക്കുന്നു, എന്നാൽ ചിലർ ക്ലാസ് ആട്രിബ്യൂട്ടും ഉപയോഗിക്കുന്നു. എന്നിരുന്നാലും, നിങ്ങൾ ഉപയോഗിക്കുന്ന ആട്രിബ്യൂട്ടിനെപ്പറ്റിയുള്ള എല്ലാ പേജുകളിലേക്കും നിങ്ങൾ ഒരു കൂട്ടം പ്രവർത്തികൾ ചെയ്യണം, അതിലുള്ള നാവിഗേഷൻ, ശരിയായ ഘടകങ്ങളിൽ നിന്നും ആട്രിബ്യൂട്ട് ചേർക്കുകയും നീക്കം ചെയ്യുകയും ചെയ്യണം.
ഒരു പ്ലെയ്സ്ഹോൾഡർ ലിങ്ക് ഉപയോഗിച്ച്, നിങ്ങൾക്ക് വേണമെങ്കിൽ നിങ്ങളുടെ നാവിഗേഷൻ എഴുതുവാൻ കഴിയും, തുടർന്ന് നിങ്ങൾ ഒരു പേജിലേക്ക് നാവിഗേഷൻ ചേർക്കുമ്പോൾ ഉചിതമായ ലിങ്കിൽ നിന്നും href ആട്രിബ്യൂട്ട് നീക്കംചെയ്യാം. എന്റെ മുഴുവൻ നാവിഗേഷൻ ലിസ്റ്റും എന്റെ എഡിറ്ററിൽ ഒരു സ്നിപ്പറ്റ് ആയി സൂക്ഷിക്കുന്നു, അതു വെറും പെട്ടെന്നുള്ള പകർപ്പുപട്ടികയെടുത്ത് ഹിസ്റ്ററി നീക്കം ചെയ്യുക. ഒരേ കാര്യം ചെയ്യാൻ നിങ്ങളുടെ സിഎംഎസ് സ്വീകരിക്കാനും കഴിയും.
കൂടാതെ ഒരു സ്റ്റേലിംഗ് (എങ്ങനെ ഞാൻ താഴെ കാണിക്കും) ഒരു പ്ലെയ്സ്ഹോൾഡർ ലിങ്ക് ചേർക്കുന്നതിനൊപ്പം ലിങ്ക് ക്ലിക്കുചെയ്യപ്പെടില്ല. അതിനാൽ ഉപഭോക്താക്കൾക്ക് അവർ ഇപ്പോൾ നിലവിലുള്ള നാവിഗേഷൻ ലിങ്കിൽ ക്ലിക്ക് ചെയ്താൽ മറ്റെന്തെങ്കിലും ലഭിക്കുമെന്നതിൽ ആശയക്കുഴപ്പമുണ്ടാകുന്നില്ല.
പ്ലെയ്സ്ഹോൾഡർ ലിങ്കുകളുടെ സ്റ്റൈലിംഗ്
നിങ്ങളുടെ വെബ്പേജിലെ മറ്റ് ലിങ്കുകളിൽ നിന്നും വ്യത്യസ്ഥമായി ശൈലിയിലേക്കും സ്റ്റൈലിലേക്കും പ്ലെയ്സ്ഹോൾഡർ ലിങ്കുകൾ എളുപ്പമാണ്. ലളിതമായി ഒരു ശൈലിയും ഒരു ലിങ്ക് ടാഗ് രീതിയിൽ ഉറപ്പാക്കുക. ഉദാഹരണത്തിന്:
ഒരു {നിറം: ചുവപ്പ്; ഫോണ്ട്-വെയ്റ്റ്: ബോൾഡ്; വാചകം-അലങ്കരിക്കൽ: ഒന്നുമില്ല; } a: link {color: blue; font-weight: normal; പാഠ-അലങ്കരണം: അടിവരയിടുക; }അടിവരയിട്ടുകൊണ്ട് ഈ CSS പ്ലെയ്സ്ഹോൾഡർ ലിങ്കുകൾ ബോൾഡ്, ചുവപ്പ് ആകും. പതിവ് ലിങ്കുകൾ സാധാരണ ഭാരം, നീല, അടിവരയിട്ട് ആയിരിക്കും.
ഒരു ടാഗിൽ നിന്ന് നിങ്ങളെ കൊണ്ടുപോകാൻ ആഗ്രഹിക്കാത്ത ഏത് ശൈലികളും പുനഃസജ്ജമാക്കാൻ മറക്കരുത്. ഉദാഹരണമായി, പ്ലെയ്സ്ഹോൾഡർ ലിങ്കുകൾക്കായി ഫോണ്ടൽ-വെയ്റ്റ് ഞാൻ ധൈര്യത്തോടെ സജ്ജമാക്കി, അതുകൊണ്ട് ഞാൻ ഇതിലേക്ക് സജ്ജമാക്കേണ്ടിവന്നു:
font-weight: normal;സ്റ്റാൻഡേർഡ് ലിങ്കുകൾക്കായി. ടെക്സ്റ്റ് ഡിസ്റ്ററേഷനുമായി ഇത് ശരിയാണ്, ഒരു സെലക്ടറിൽ നിന്ന് നീക്കംചെയ്തുകൊണ്ട്, അത് തിരിച്ചു നൽകാതിരുന്നാൽ ഒരു ലിങ്ക് സെലക്ടറിനായി നീക്കം ചെയ്യുമായിരുന്നു.