HTML ലെ ലിങ്കുകളിൽ നിന്നും അടിവര നീക്കം ചെയ്യാനുള്ള ഒരു എളുപ്പവഴി പഠിക്കുക

പാഠ ലിങ്കുകൾ, പ്രശ്നങ്ങൾ എന്നിവയെക്കുറിച്ച് അറിഞ്ഞിരിക്കേണ്ട വിധത്തിൽ നീക്കംചെയ്യാനുള്ള നടപടികൾ

സ്ഥിരസ്ഥിതിയായി, അല്ലെങ്കിൽ "ആങ്കർ" ഘടകം ഉപയോഗിച്ച് HTML- ലേക്ക് ലിങ്കുചെയ്തിരിക്കുന്ന ടെക്സ്റ്റ് ഉള്ളടക്കം അടിവരയിടെ രൂപകൽപ്പന ചെയ്തിരിക്കുന്നു. മിക്ക സമയത്തും, വെബ് ഡിസൈനർമാർക്ക് ഈ സ്ഥിര സ്റ്റൈലിംഗ് നീക്കംചെയ്യുന്നത് അടിവര നീക്കം ചെയ്യുക.

പല ഡിസൈനർമാർക്കും അടിവരയിട്ട പാഠം, പ്രത്യേകിച്ച് അനേകം ലിങ്കുകളുള്ള ഉള്ളടക്കമുള്ള ഇടങ്ങളിൽ, പ്രത്യേകിച്ചും. അടിവരയിട്ട വാക്കുകളെല്ലാം ഒരു പ്രമാണത്തിന്റെ വായനാ പ്രവാഹത്തെ തകർക്കും. പലതരം വാദം അടിവരയിട്ടുകൊണ്ട് സ്വാഭാവിക അക്ഷരങ്ങൾ മാറുന്നുണ്ടെന്നതിന്റെ കാരണം വേഗത്തിൽ വേർതിരിച്ചെടുക്കുന്നതിനും വായിക്കുന്നതിനും എളുപ്പമാണ്.

എന്നിരുന്നാലും ടെക്സ്റ്റ് ലിങ്കുകളിൽ ഈ രേഖപ്പെടുത്തലുകളെ നിലനിർത്താനുള്ള നിയമാനുസൃതമായ നേട്ടങ്ങളുണ്ട്. ഉദാഹരണത്തിന്, നിങ്ങൾ വാചകത്തിന്റെ വലിയ ബ്ലോക്കുകളിലൂടെ ബ്രൗസ് ചെയ്യുമ്പോൾ, അടിവരയിട്ട ലിങ്കുകൾ ശരിയായ വർണ്ണ വൈരുദ്ധ്യത്തോടൊപ്പം വായനക്കാരെ പെട്ടെന്ന് ഒരു പേജിൽ സ്കാൻ ചെയ്ത് ലിങ്കുകൾ എവിടെയാണെന്ന് കാണുന്നത് എളുപ്പമാക്കുന്നു. About.com- ൽ വെബ് ഡിസൈൻ ലേഖനങ്ങളും സൈറ്റിലെ മറ്റ് ലേഖനങ്ങളും നിങ്ങൾ നോക്കുകയാണെങ്കിൽ, നിങ്ങൾ അടിവരയിട്ട ലിങ്കുകളുടെ സ്റൈൽ കാണാൻ കഴിയും.

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

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

ലിങ്കുകളിൽ അടിവരയിട്ട് ഓഫ് ചെയ്യുന്നതിനായി കാസ്കേഡിംഗ് ശൈലി ഷീറ്റുകൾ ഉപയോഗിക്കുക

മിക്ക കേസുകളിലും, നിങ്ങൾ ഒരു ടെക്സ്റ്റ് ലിങ്കിൽ ഒരു അടിയിൽ ഓഫാക്കാൻ ആഗ്രഹിക്കുന്നില്ല. പകരം, നിങ്ങളുടെ ഡിസൈൻ ശൈലി നിങ്ങൾ എല്ലാ ലിങ്കുകളിൽ നിന്നും അടിവരയിട്ട് നീക്കം ചെയ്യണമെന്ന് ആവശ്യപ്പെടുന്നു. നിങ്ങളുടെ ബാഹ്യ ശൈലി ഷീറ്റിലേക്ക് ശൈലികൾ ചേർക്കുന്നതിലൂടെ ഇത് നിങ്ങൾ ചെയ്യേണ്ടതാണ്.

ഒരു {ടെക്സ്റ്റ്-അലങ്കരിക്കൽ: ഒന്നുമില്ല; }

അത്രയേയുള്ളൂ! സിഎസ്എന്റെ ലളിതമായ ഒരു വരി, എല്ലാ ലിങ്കുകളിലും അടിവരയിട്ടു ("ടെക്സ്റ്റ്-ഡവലപ്മെന്റ്" എന്നതിനായുള്ള യഥാർത്ഥ സി.എസ്.എസ്.

ഈ ശൈലിയിൽ കൂടുതൽ കൃത്യതയോടെ നിങ്ങൾക്ക് ലഭിക്കും. ഉദാഹരണത്തിന്, നിങ്ങൾ "nav" മൂലകത്തിന്റെ അണ്ടർലൈൻ അല്ലെങ്കിൽ ലിങ്കുകൾ ഓഫ് ചെയ്യണമെങ്കിൽ, നിങ്ങൾക്ക് എഴുതാനാവും:

nav a {text-decoration: none; }

ഇപ്പോൾ, പേജിലെ പാഠ ലിങ്കുകൾക്ക് സഹജമായ അടിവരയിടേണ്ടിവരും, പക്ഷേ നാവിയിലുള്ളവർ അത് നീക്കം ചെയ്യുമായിരുന്നു.

പല വെബ് ഡിസൈനർമാരും ചെയ്യാൻ തിരഞ്ഞെടുക്കുന്ന ഒന്ന്, ടെക്സ്റ്റ് വഴി ആരെങ്കിലും ചുറ്റി സഞ്ചരിക്കുമ്പോൾ "ഓൺ" എന്ന ലിങ്ക് തിരികെ അയയ്ക്കാനാണ്. ഇത് ഉപയോഗിക്കുന്നത്: ഹോവർ സിഎസ്എസ് സ്യൂഡോ ക്ലാസ്, ഇതുപോലെ:

ഒരു {ടെക്സ്റ്റ്-അലങ്കരിക്കൽ: ഒന്നുമില്ല; } a: ഹോവർ {text-decoration: അടിവരയിടുക; }

ഇൻലൈൻ CSS ഉപയോഗിക്കൽ

ബാഹ്യ സ്റ്റൈലിഷിലേയ്ക്ക് മാറ്റങ്ങൾ വരുത്തുന്നതിനുള്ള ഇതരമാർഗ്ഗമായി, HTML ൽ എലമെൻറിലേക്ക് നേരിട്ട് സ്റ്റൈലുകൾ ചേർക്കാനും കഴിയും:

ഈ ലിങ്കിന് അടിവരയിട്ടുമില്ല

ഈ രീതിയിലെ പ്രശ്നം, നിങ്ങളുടെ HTML ഘടനയിലെ സ്റ്റൈൽ വിവരം, അത് ഒരു മികച്ച പരിശീലനമല്ല. സ്റ്റൈൽ (CSS) ഉം ഘടനയും (HTML) പ്രത്യേകം സൂക്ഷിക്കണം.

ഒരു സൈറ്റിന്റെ ടെക്സ്റ്റ് ലിങ്കുകൾ അടിവരയിട്ട് നീക്കം ചെയ്യണമെന്ന് നിങ്ങൾ ആഗ്രഹിക്കുന്നുവെങ്കിൽ, ഓരോ രീതിയിലും ഓരോ ലിങ്കിലേക്കും ഈ സ്റ്റൈൽ വിവരം കൂട്ടിച്ചേർത്താൽ നിങ്ങളുടെ സൈറ്റിന്റെ കോഡിലേക്ക് കൂടുതൽ അധിക മാർക്ക് ചേർക്കുന്നതായിരിക്കും. ഈ പേജ് വേഗത ഒരു സൈറ്റിന്റെ ലോഡ് സമയം കുറയ്ക്കുകയും മൊത്തം പേജ് മാനേജ്മെന്റ് കൂടുതൽ വെല്ലുവിളികൾ സൃഷ്ടിക്കുകയും ചെയ്യും. ഈ കാരണങ്ങളാൽ, എല്ലാ പേജ് സ്റ്റൈലിംഗിനുള്ള ആവശ്യങ്ങൾക്കും ഒരു ബാഹ്യ ശൈലി ഷീറ്റിലേക്ക് തിരിയുന്നത് നല്ലതാണ്.

അടയ്ക്കുന്നതിൽ

ഒരു വെബ് പേജിന്റെ പാഠ ലിങ്കുകളിൽ നിന്നുള്ള അടിവര നീക്കംചെയ്യുന്നത് പോലെ, നിങ്ങൾ ചെയ്യുന്നതിന്റെ അനന്തരഫലങ്ങളെക്കുറിച്ചും ശ്രദ്ധിക്കേണ്ടതാണ്. ഒരു പേജിന്റെ ഭാവം വാസ്തവത്തിൽ വൃത്തിയാക്കാനിടയുള്ളപ്പോൾ, അത് മൊത്തം ഉപയോഗത്തിന്റെ ചെലവിൽ ഇത് ചെയ്തേക്കാം. അടുത്ത തവണ നിങ്ങൾ ഒരു പേജിന്റെ "text-decoration" പ്രോപ്പർട്ടികൾ മാറ്റുന്നത് പരിഗണിക്കുന്നതായി കണക്കിലെടുക്കുക.

ജെന്നിഫർ ക്രിയിൻ എഴുതിയ ലേഖനം ജെറമി ഗിരാർഡ് 9/19/16 ന് എഡിറ്റുചെയ്തു