المان a
(یا المان anchor) برای ایجاد لینک به دیگر صفحات، فایل ها، بوکمارک (جاهای دیگر در همان صفحه)، آدرس ایمیل، یا یک URL دیگر استفاده میشود.
مثال
<nav> <ul> <li><a href="/">Home</a></li> <li><a href="/news">News</a></li> <li><a href="/contact">Contact</a></li> </ul> </nav>
اتریبیوت ها
این المان از اتریبیوت های جهانی استفاده میکنند.
download
این اتریبیوت به مرورگر میگوید بجای اینکه به یک URL برود آنرا دانلود کند و درنتیجه پنجره ذخیره فایل برای کاربر نمایش داده میشود. اگر اتریبیوت مقدار داشته باشد، بعنوان نام پیش فرض درنظر گرفته شود (البته کاربر میتواند آن نام را تغییر دهد). هیچ محدودیتی برای نام مقادیر وجود ندارد، هرچند / و \ تبدیل به _ میشود. خیلی از فایلهای سیستمی برای نامگذاری محدودیت دارند و بنابراین مرورگراها این محدودیتها را رعایت میکنند.
<a href="http://kntit.ir/images/logo.png" download="kateban logo">
<img src="http://kntit.ir/images/logo.png" alt="kateban logo" />
</a>
href
شامل URL یا fragment URL میشود که لینک به آن اشاره دارد.
fragment URL نامی است که پس از #
می آید. #
به بخشی یا قسمتی از همان صفحه (یک id از المان HTML) دلالت دارد. URL ها محدود به داکیومنت های HTTP وبی نیستند، اما میتوانند از هر پروتکلی که توسط مرورگرها پشتیبانی میشوند استفاده کنند. برای مثال file:
، ftp:
و mailto:
توسط اکثر مرورگرها پشتیبانی میشوند.
<a href="mailto:این آدرس ایمیل توسط spambots حفاظت می شود. برای دیدن شما نیاز به جاوا اسکریپت دارید">Send Mail</a>
درHTML5 این اتریبیوت میتواند حذف شود تا placeholder link ایجاد شود. ظاهر placeholder link همانند لینک باقی می ماند ولی به هیچ جا لینک نمیشود.
<a>placeholder link</a>
hreflang
این اتریبیوت زبان منابعی که به آنها لینک میشود را نشان میدهد. این اتریبیوت کاملا دلبخواه است و هیچ عملکردی ندارد. مقادیر مجاز توسط BCP47 تعیین شده اند.
<a href="http://kntit.ir" hreflang="fa">kntit</a>
ping
این اتریبیوت میتواند لیستی (که با space از هم جدا میشوند) از URL که باید پینگ شوند تا کاربر بتواند URLی که در href
نوشته شده است را ببیند داشته باشد. به عبارت دیگر، این اتریبیوت به نوعی ساپورت بومی (native support) برای کلیک و ردیابی لینک است.
هرچند WHATWG چنین هشداری درباره این اتریبیوت میدهد:
اتریبیوت ping بخاطر تکنولوژی های از پیش موجود نظیر محدودیت های HTTP و جاوااسکریپت بلااستفاده شود زیرا به صفحات وب این اجازه را نمیدهد که ببینند کدام یک از لینکها محبوبتر هستند یا تبلیغات بتوانند نرخ کلیک را بدست بیاورند.
باید پرسید که اگر این تکنولوژی های از پیش موجود باعث شده اند این اتریبیوت بلااستفاده بشود چرا اصلا بوجود آمده؟ دلیل اصلی بوجود آمدن اتریبیوت ping
ایجاد شفافیت در دیدن دیگر درخواست هایی که باید صورت بگیرد تا بتوان بر روی لینک کلیک شود می باشد.
پیشنهاد شده است که مرورگرها به کاربران این اجازه هندل کردن توتیفیکیشن های پینگ را بدهند، مانند بلاک کردن برخی URLها بدین صورت که کاربرد بتواند برخی از URLها را غیر فعال کنند یا کل پینگ را.
اما همه مرورگرها از این اتریبیوت پشتیبانی نمیکنند. برای مثال کروم و اپرا از این اتریبیوت پشتیبانی میکنند. فایرفاکس از این اتریبیوت پشتیبانی میکند ولی آنرا غیر فعال کرده است و اینترنت اکسپلورر و سافاری از این اتریبیوت پشتیبانی نمیکنند. در ضمن باید گفته شود که اتریبیوت پینگ در تعیین پیش نویس HTML5 کنسرسیوم W3 یا W3C HTML5 draft spec قرار ندارد.
<a href="http://kntit.ir" ping="http://kntit.ir/trackpings">kntit</a>
rel
ارتباط آبجکت هدف به آبجکت لینک را مشخص میکند. مقدار آن لیستی از انواع لینکها می باشد که با space از هم جدا شده اند.
<a rel="nofollow" href="http://www.functravel.com/">Cheap Flights</a>
target
مشخص میکند که لینک کجا نمایش داده شود:
_self
باعث میشود که URL در پنجره یا تبی که کلیک شده است باز شود (مقدار پیش فرض).
_blank
باعث میشود که URL در پنجره یا تب جدید باز شود.
_parent
باعث میشود URL در فریم بالایی یا parent باز شود.
_top
باعث میشود URL بصورت صد در صدی باز شود. اگر صفحه وب درون یک فریم قفل شده باشد میتوانید در target از این کلمه کلیدی استفاده کنید.
<a href="<a href="http://kntit.ir">http://kntit.ir</a>" target="_blank">Visit kntit</a>
type
نوع مدیا را بصورت MIME type برای URL لینک شده مشخص میکند. برای مثال (audio/ogg
) یا (image/png
).
<a href="<a href="http://kntit.ir">http://kntit.ir</a>" type="text/html">kntit</a>
المان a
اتریبیوتهایی نظری charset
، coords
، name
، rev
و shape
دارد که در HTML5 حذف شده و تنها در html4 میشود از آنها استفاده کرد.
مطالعه بیشتر: تگ ها و اتریبیوت های ممنوع و منسوخ شده در HTML
نکاتی که باید در ذهن داشته باشید
- المان a میتواند با رویداد onclick دچار اشکال شود. معمولا در href لینک از
#
یاjavascript:void(0)
استفاده میشود تا صفحه رفرش نشود. اما این مقادیر زمانی که لینک ها کپی/ درگ میشوند، در پنجره جدید باز میشوند، بوکمارک میشوند، و زمانی که جاوااسکریپت در حال دانلود است با خطا مواجه میشوند یا غیر میشوند. در این موارد پیشنهاد میشود فقط از المانbutton
استفاده شود. در کل بهتر است از المان a تنها برای نویگیت از طریق URL استفاده شود. - داخل المان
a
لازم نیست تنها متن باشد. عکس و هر المان دیگری میتواند داخل آن قرار بگیرد.