এইচটিএমএল <a> ট্যাগ
<a> ট্যাগের ব্রাউজার সাপোর্ট
| এলিমেন্ট | Google Chrome | Edge/IE | Mozila Firefox | Safari | Opera |
|---|---|---|---|---|---|
<a> |
সকল ভার্সন | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন |
সংজ্ঞা ও ব্যবহার
<a> ট্যাগ দ্বারা হাইপারলিংক(hyperlink) বুঝায়, যেটি এক পেজ থেকে অন্য পেজে লিংক করতে ব্যবহার করা হয়।
<a> এলিমেন্টের সবচেয়ে গুরুত্বপূর্ন এট্রিবিউট হচ্ছে href এট্রিবিউট। যেটি লিংকের গন্তব্য নির্দেশ করে।
ডিফল্টভাবে সকল ব্রাউজারে লিংক যেমন দেখায়ঃ
- একটি ভিজিট না হওয়া লিংক নীল রং এর হয় এবং নিচে আন্ডারলাইন থাকে।
- একটি ভিজিট হওয়া লিংক বেগুনী রং এর হয় এবং নিচে আন্ডারলাইন থাকে।
- একটি একটিভ লিংক লাল রং এর হয় এবং নিচে আন্ডারলাইন থাকে।
নিচের উদাহরণে <a> ট্যাগের ব্যবহার দেখানো হলোঃ
উদাহরণ
<!DOCTYPE html>
<html>
<body>
<a href="www.sattacademy.com">SATT Academy</a>
</body>
</html>
পরামর্শঃ উপরের উদাহরনে SATT Academy কে লিংক হিসাবে দেখানো হয়েছে।
ফলাফল
টীকা ও মন্তব্যঃ
- যদি
hrefএট্রিবিউট না থাকে তবেdownload,hreflang,media,rel,target, এবংtypeএট্রিবিউটগুলো ব্যবহার করা যাবে না। - লিংক পেজের টার্গেট নির্ধারন করে না দিলে এটি আপনি যেই উইন্ডোতে কাজ করছেন সেই উইন্ডোতেই রি-লোড হয়ে লিংক পেজটি দেখাবে।
- লিংক সমূহ স্টাইল করার জন্য সিএসএস ব্যবহার করুন। লিংক স্টাইল করার টিউটোরিয়ালঃ
এট্রিবিউট
নিচের টেবিলে <a> ট্যাগের এট্রিবিউট, এট্রিবিউটের ভ্যালু এবং তাদের ব্যবহার তুলে ধরা হলোঃ
| এট্রিবিউট | ভ্যালু | বর্ণনা |
|---|---|---|
| charset | char_encoding | এইচটিএমএল(৫) এ সাপোর্ট করেনা। লিংক ডকুমেন্টের ক্যারেক্টার-সেট নির্দেশ করে। |
| coords | coordinates | এইচটিএমএল(৫) এ সাপোর্ট করেনা। একটি লিংকের সমন্বয় করাকে নির্দেশ করে। |
| download | filename | ব্যবহারকারী যখন হাইপারলিংকে ক্লিক করবে তখন টার্গেটটি ডাউনলোড হবে। |
| href | URL | লিংকটি যে পেজে যাবে তার ইউআরএল (URL) কে নির্দেশ করে। |
| hreflang | language_code | লিংক ডকুমেন্টের জন্য ভাষা নির্দেশ করে। |
| media | media_query | লিংক ডকুমেন্টকে অপটিমাইজ করার জন্য মিডিয়া/ডিভাইস নির্দেশ করে। |
| name | section_name | এইচটিএমএল(৫) এ সাপোর্ট করেনা। এর পরিবর্তে
গ্লোবাল id এট্রিবিউট ব্যবহার করুন।একটি এংকরের নাম নির্দেশ করে। |
| rel | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag |
বর্তমান ডকুমেন্টের এবং লিংক ডকুমেন্টের মধ্যে সম্পর্ক নির্দিষ্ট করে। |
| rev | text | এইচটিএমএল(৫) এ সাপোর্ট করেনা। লিংক ডকুমেন্টে এবং বর্তমান ডকুমেন্টের মধ্যে সম্পর্ক নির্দেশ করে। |
| shape | default rect circle poly |
এইচটিএমএল(৫) এ সাপোর্ট করেনা। লিংকের আকৃতি নির্দেশ করে। |
| target | _blank _parent _self _top framename |
লিংক ডকুমেন্টটি কোথায় ওপেন হবে তা নির্দেশ করে। |
| type | media_type | লিংক ডকুমেন্টের মিডিয়ার ধরনকে বুঝায়। |
<a> ট্যাগে গ্লোবাল এবং ইভেন্ট এট্রিবিউট সাপোর্ট করে কিনা?
| গ্লোবাল এট্রিবিউট | ইভেন্ট এট্রিবিউট |
|---|---|
| সাপোর্ট করে | সাপোর্ট করে |
<a> ট্যাগের ডিফল্ট স্টাইল
অধিকাংশ ব্রাউজারেই <a> এলিমেন্ট নিম্নলিখিত স্টাইল ভ্যালুগুলো সহকারে প্রদর্শিত হয়ঃ
a:link, a:visited {
color: (internal value);
text-decoration: underline;
cursor: auto;
}
a:link:active, a:visited:active {
color: (internal value);
}