HTML ലിങ്കുകൾ എന്താണ്?
HTML-ൽ ലിങ്കുകൾ സൃഷ്ടിക്കുന്നത് <a> (Anchor) ടാഗ് ഉപയോഗിച്ചാണ്. ലിങ്കുകൾ വെബ്ബ് പേജുകൾ തമ്മിലുള്ള കണക്ഷനുകൾ സൃഷ്ടിക്കാനുപയോഗിക്കുന്ന പ്രധാനം ടാഗ് ആണ്. ഒരു ലിങ്ക് വഴി മറ്റൊരു വെബ് പേജിലേക്കോ മറ്റൊരു ആഴ്ച്ചാവിലെക്കോ നയിക്കാൻ കഴിയും.
HTML ലിങ്കിന്റെ ഘടന:
HTML ലിങ്കുകൾ താഴെക്കാണുന്ന രീതിയിലാണ് എഴുതുന്നത്:
<a href="URL">ലിങ്ക് ടെക്സ്റ്റ്</a>
- href: ലിങ്ക് ചെയ്യാൻ ഉദ്ദേശിക്കുന്ന പേജിന്റെ URL അല്ലെങ്കിൽ അഡ്രസ്.
- ലിങ്ക് ടെക്സ്റ്റ്: ലിങ്കിൽ ക്ലിക്ക് ചെയ്താൽ ഉപയോക്താവിനെ URL-ലേക്ക് നയിക്കും.
Example:
<a href="https://example.com">ഇവിടെ ക്ലിക്ക് ചെയ്യുക</a>
- ഇത് ഉപയോഗിച്ച് ഉപയോക്താവ് “ഇവിടെ ക്ലിക്ക് ചെയ്യുക” എന്ന വാചകത്തിൽ ക്ലിക്ക് ചെയ്താൽ, https://example.com ലേക്ക് കടക്കുന്നു.
വെബ്ബിലെ മറ്റൊരു പേജിലേക്ക് ലിങ്ക്:
HTML ലിങ്ക് ഉപയോഗിച്ച് മറ്റൊരു വെബ്ബ് പേജിലേക്കോ ആഴ്ച്ചയിലേക്കോ പോകാൻ കഴിയും. ഉദാഹരണത്തിന്, ഒരു വെബ്‌സൈറ്റിന്റെ ഹോം പേജിലേക്ക് ലിങ്ക് ചെയ്യാൻ:
<a href="https://www.website.com">Home Page</a>
പേജിനുള്ളിലെ ലിങ്കുകൾ:
ഒരു വെബ്ബ് പേജിനുള്ളിൽ തന്നെ വിവിധ ഭാഗങ്ങളിലേക്ക് ലിങ്കുകൾ ഉപയോഗിച്ച് നയിക്കാവുന്നതാണ്. ഇത് അങ്കർ ലിങ്ക് (Anchor Link) എന്നറിയപ്പെടുന്നു.
<a href="#section1">Section 1-ലേക്ക് പോകുക</a>
പുതിയ ലിങ്ക് നിശ്ചയിച്ചിടത്തിന് ഒരു id നൽകാൻ:
<h2 id="section1">Section 1</h2>
താങ്കൾ തൽക്ഷണം ക്ലിക്കുചെയ്ത് പുതിയ ടാബിൽ തുറക്കാൻ:
ലിങ്കുകൾ പുതിയ ടാബിൽ തുറക്കാൻ, target="_blank" ആട്രിബ്യൂട്ട് ഉപയോഗിക്കുന്നു:
<a href="https://example.com" target="_blank">പുതിയ ടാബിൽ തുറക്കുക</a>
ഇമേജ് ലിങ്കുകൾ:
ചിത്രങ്ങൾക്കും ലിങ്ക് ചെയ്യാനാവും. ഉദാഹരണത്തിന്, ഒരു ചിത്രം ലിങ്ക് ആയി പ്രവർത്തിക്കാൻ, <img> ടാഗ് <a>ടാഗിനുള്ളിൽ ചേർക്കാവുന്നതാണ്:
<a href="https://example.com">
<img src="image.jpg" alt="Image">
</a>
ഇമെയിൽ ലിങ്കുകൾ:
ഒരു ലിങ്ക് ക്ലിക്കുചെയ്താൽ നേരിട്ട് ഇമെയിൽ ഐഡിയിൽ എത്താൻ mailto: ആട്രിബ്യൂട്ട് ഉപയോഗിക്കാം:
<a href="mailto:someone@example.com">ഈ ഇമെയിൽ-ലേക്ക് അയക്കുക</a>
ഡൗൺലോഡ് ലിങ്കുകൾ:
ഫയലുകൾ ഡൗൺലോഡ് ചെയ്യാനുള്ള ലിങ്കുകൾ <a> ടാഗ് ഉപയോഗിച്ച് സൃഷ്ടിക്കാവുന്നതാണ്. ഉദാഹരണത്തിന്:
<a href="file.pdf" download>ഫയൽ ഡൗൺലോഡ് ചെയ്യുക</a>
മറ്റു ചില ആട്രിബ്യൂട്ടുകൾ:
- title: ലിങ്കിൽ ഹോവർ ചെയുമ്പോൾ പ്രദർശിപ്പിക്കുന്ന ടെക്സ്റ്റ്.htmlCopy code
<a href="https://example.com" title="Example Site">Example Site</a>
ഉദാഹരണ ലിങ്കുകൾ:
<a href="https://example.com">Example.com-ലേക്ക് പോകുക</a>
<a href="https://example.com" target="_blank">പുതിയ ടാബിൽ തുറക്കുക</a>
<a href="mailto:someone@example.com">ഈ ഇമെയിലിലേക്ക് അയക്കുക</a>
<a href="document.pdf" download>ഡൗൺലോഡ് ചെയ്യുക</a>
അവസാനവും സങ്കലിപ്പം:
HTML ലിങ്കുകൾ ഒരു വെബ്ബ് പേജിൽ നിന്ന് മറ്റൊരു പേജിലേക്ക് പരിമിതരഹിതമായ ബന്ധങ്ങൾ സൃഷ്ടിക്കുന്നു. വെബ് നാവിഗേഷൻയിൽ വളരെ പ്രധാനമാണ്. ലിങ്കുകൾ ശരിയായി ഉപയോഗിച്ച് വെബ്ബ് സൈറ്റുകളുടെ അനുഭവം മെച്ചപ്പെടുത്താനും SEO ഭേദപ്പെടുത്താനും കഴിയും.
