ഒരു വെബ്പേജിൽ ലിങ്ക് എങ്ങനെ അടിവരയിടുന്നു

ലിങ്ക് നീക്കം അടിവരയിട്ടോ അല്ലെങ്കിൽ ഡാഷ് ചെയ്ത ഡോട്ടഡ് സൃഷ്ടിക്കുക അല്ലെങ്കിൽ ഇരട്ട അടിവരയിട്ട ലിങ്കുകൾ സൃഷ്ടിക്കുക

സ്ഥിരസ്ഥിതിയായി, വെബ് ബ്രൌസറുകൾ ചില നിശ്ചിത CSS ശൈലികൾ അവ പ്രത്യേക HTML ഘടകങ്ങളിൽ പ്രയോഗിക്കുന്നു. നിങ്ങളുടെ സൈറ്റിന്റെ സ്വന്തം ശൈലി ഉപയോഗിച്ച് ഈ സ്ഥിരസ്ഥിതികളെ പുനരാലേഖനം ചെയ്യുന്നില്ലെങ്കിൽ, സ്ഥിരസ്ഥിതികൾ ബാധകമാകും. ഹൈപ്പർലിങ്കുകൾക്കായി, ബന്ധിപ്പിക്കപ്പെട്ട ടെക്സ്റ്റ് നീലനിറമുള്ളതും അടിവരയിടുന്നതും ആയിരിക്കും. ബ്രൌസർ ഇത് ചെയ്യുന്നതിനാൽ, സൈറ്റിന്റെ സന്ദർശകർക്ക് എന്തൊക്കെ ലിങ്കുകൾ ബന്ധപ്പെട്ടിരിക്കുന്നു എന്ന് കാണാൻ കഴിയും. പല വെബ് ഡിസൈനർമാർക്കും ഈ ഡിഫോൾട്ട് ശൈലികൾക്കായി പ്രത്യേകിച്ചും, പ്രത്യേകിച്ച് ആ അടിവരയിലില്ല. നന്ദി, സി.ഡികൾ ആ മുഖത്തിന്റെ രൂപം മാറ്റുക അല്ലെങ്കിൽ അവയെ പൂർണ്ണമായും നീക്കംചെയ്യുന്നത് എളുപ്പമാക്കുന്നു.

ടെക്സ്റ്റ് ലിങ്കുകളിൽ അടിവര നീക്കം ചെയ്യുന്നു

അടിവരയിട്ട വാചകം വായിക്കാത്ത പാഠം വായിക്കാൻ കൂടുതൽ വെല്ലുവിളി ഉയർത്തുന്നു. കൂടാതെ, അടിവരയിട്ട പാഠ ലിങ്കുകൾക്കായി പല ഡിസൈനർമാരും ശ്രദ്ധിക്കുന്നില്ല. ഈ സന്ദർഭങ്ങളിൽ, നിങ്ങൾ ഈ അടിവരയിട്ട് പൂർണ്ണമായും നീക്കംചെയ്യാൻ സാധ്യതയുണ്ട്.

ടെക്സ്റ്റ് ലിങ്കുകളിൽ നിന്നും അടിവര നീക്കം ചെയ്യണമെങ്കിൽ, നിങ്ങൾ CSS വസ്തുവിന്റെ ടെക്സ്റ്റൈൽ-ഡെക്കറേഷൻ ഉപയോഗിക്കും. ഇത് ചെയ്യുന്നതിനായി നിങ്ങൾ എഴുതുന്ന CSS ഇതാ:

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

ഒരു സിഎസിന്റെ വരിയിൽ, എല്ലാ ടെക്സ്റ്റ് ലിങ്കുകളിൽ നിന്നും നിങ്ങൾ അടിവരയിടുന്നു. ഇത് വളരെ സാധാരണ സ്റ്റൈലാണ് (ഇത് ഒരു ഘടക സെലക്ടർ ഉപയോഗിക്കുന്നുണ്ടെങ്കിലും), ഇത് സാധാരണ ബ്രൌസർ ശൈലികളേക്കാൾ കൂടുതൽ വ്യക്തത നൽകുന്നു. കാരണം സ്ഥിരസ്ഥിതി ശൈലികൾ ആരംഭിക്കുന്നതിന് അടിവരയിടുന്നുവെന്നതാണ്, അതിലൂടെ നിങ്ങൾ തിരുത്തിയെഴുതേണ്ടതുണ്ട്.

അടിവരയിടുന്നതിനുള്ള മുന്നറിയിപ്പ്

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

ലിങ്കുകൾ നോൺ-ലിങ്ക്ഡ് ചെയ്യരുത്

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

ഡോട്ടുകളിലേക്കോ ഡാഷുകളിലേക്കോ അടിവരയിടുക

നിങ്ങളുടെ ടെക്സ്റ്റ് ലിങ്ക് അടിവരയിട്ടു നിലനിർത്താൻ നിങ്ങൾ ആഗ്രഹിക്കുന്നുണ്ടെങ്കിൽ, പക്ഷേ ആ "സ്റ്റൈലിഷ് ലുക്ക്" ആയ "സെൽറ്റി" വരിയിൽ നിന്ന് താഴെയുള്ള ശൈലി മാറ്റുക, നിങ്ങൾക്കത് ചെയ്യാൻ കഴിയും. ആ സോളിഡ് ലൈൻ ഉപയോഗിക്കുന്നതിന് പകരം നിങ്ങളുടെ ലിങ്കുകൾ അടിവരയിട്ട് ഡോട്ടുകൾ ഉപയോഗിക്കാൻ കഴിയും. ഇത് ചെയ്യുന്നതിന്, നിങ്ങൾ തുടർന്നും അടിവരയിട്ട് നീക്കം ചെയ്യും, പക്ഷേ നിങ്ങൾക്ക് ഇത് ബോർഡർ-അടിയിലായിട്ടുള്ള രീതിയിൽ ഉപയോഗിക്കും:

ഒരു {ടെക്സ്റ്റ്-അലങ്കരിക്കൽ: ഒന്നുമില്ല; ബോർഡർ-അടിയിൽ: 1px ഡോട്ട്; }

നിങ്ങൾ സ്റ്റാൻഡേർഡ് അടിവര നീക്കംചെയ്തതിനാൽ, കാണിച്ചിരിക്കുന്ന ഒരേയൊരു ഭാഗം ഡോട്ടഡ് ആണ്.

നിങ്ങൾ ഡാഷുകൾ ലഭിക്കാൻ ഒരേ കാര്യം ചെയ്യാൻ കഴിയും. ബോർഡർ-ബോട്ട് സ്റ്റൈൽ ഡാഷ്ഡ് ചെയ്യാൻ മാറ്റുക:

ഒരു {ടെക്സ്റ്റ്-അലങ്കരിക്കൽ: ഒന്നുമില്ല; ബോർഡർ-അടിയിൽ: 1px ഡാഷ് ചെയ്തു; }

അടിവരയിട്ട നിറം മാറ്റുക

നിങ്ങളുടെ കണ്ണികളിലേക്ക് ശ്രദ്ധാകേറാനുള്ള മറ്റൊരു മാർഗം, അടിവരയിട്ടിയുടെ വർണ്ണം മാറ്റുക എന്നതാണ്. നിങ്ങളുടെ വർണ്ണ സ്കീമിൽ വർണ്ണം നിറയ്ക്കുന്നത് ഉറപ്പാക്കുക.

ഒരു {ടെക്സ്റ്റ്-അലങ്കരിക്കൽ: ഒന്നുമില്ല; ബോർഡർ-അടിയിൽ: 1px കട്ടിയുള്ള ചുവപ്പ്; }

ഇരട്ട അടിവര

ഇരട്ട കീഴ്വഴക്കങ്ങൾ ഉപയോഗിക്കുന്നതിനുള്ള ഹാട്രിക് നിങ്ങൾ ബോർഡിന്റെ വീതി മാറ്റേണ്ടതാണ്. നിങ്ങൾ ഒരു പിക്സൽ വൈഡ് ബോർഡർ സൃഷ്ടിക്കുന്നുണ്ടെങ്കിൽ, നിങ്ങൾ ഒരൊറ്റ അടിവരയിട്ട് പോലെ തോന്നുന്ന ഇരട്ട അടിവരയിടെ അവസാനിക്കും.

ഒരു {ടെക്സ്റ്റ്-അലങ്കരിക്കൽ: ഒന്നുമില്ല; ബോർഡർ-അടിയിൽ: 3px ഇരട്ട; }

നിങ്ങൾക്ക് താഴെയുള്ള വരികളിലൊന്നിനെപ്പോലെ മറ്റ് സവിശേഷതകൾക്കൊപ്പം ഇരട്ട അടിവരയാകാൻ നിലവിലുള്ള അടിവരയും ഉപയോഗിക്കാം:

a {border-bottom: 1px double; }

ലിങ്ക് സംസ്ഥാനം മറക്കുക

വിവിധ സംസ്ഥാനങ്ങളിൽ നിങ്ങളുടെ ലിങ്കുകൾക്ക് ബോർഡർ-ബാഹ്യ ശൈലി ചേർക്കാൻ കഴിയും: ഹോവർ,: സജീവം, അല്ലെങ്കിൽ: സന്ദർശിച്ചു. ഈ "ഹോവർ" സ്യൂസ് ക്ലാസ് ഉപയോഗിക്കുമ്പോൾ സന്ദർശകർക്ക് നല്ലൊരു "റോളോവർ" സ്റ്റൈൽ അനുഭവം സൃഷ്ടിക്കാൻ കഴിയും. ഈ ലിങ്കിലൂടെ ഹോവർ ചെയ്യുമ്പോൾ രണ്ടാമത്തെ ഡോട്ട് ഇട്ട അടിവരകൾ ഉണ്ടാക്കുക:

ഒരു {ടെക്സ്റ്റ്-അലങ്കരിക്കൽ: ഒന്നുമില്ല; } a: ഹോവർ {border-bottom: 1px dotted; }

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