تگ a در HTML
تگ <a> ( عنصر anchor یا لنگر ) در HTML برای ایجاد یک لینک به سندی دیگر و یا قسمتی از سند جاری استفاده می شود. برای مثال :
[php]
<p>
This is a link to <a href=" https://webdade.com/"> webdade.com</a>
</p>
[/php]
تگ <a> یکی از کوچکترین عناصر، اما نیروی حیاتی شبکه جهانی وب می باشد. این عنصر که از میلیاردها صفحه لینک شده، تشکیل شده است، اجازه می دهد که شما تقریبا بدون هیچ وقفه ای، از یک صفحه به صفحه دیگر گشت و گذار کنید. اغراق آمیز نیست اگر بگوییم عنصر <a> جزء مهم ترین عناصر HTML است.
این عنصر نباید با عنصر link اشتباه گرفته شود . عنصر <a> متن ،تصویر و یا ترکیبی از هر دو را در برگرفته و به یک صفحه وب یا بخش دیگری بر روی همان صفحه وب اشاره میکند. متن محصور شده به طور پیش فرض ، در مرورگر ها به صورت زیر خط دار نمایش داده خواهد شد ، که به یک لینک قابل کلیک دلالت دارد. بنابراین نیازی به استفاده از عنصر U نیست چراکه زیرخط به بهترین وجه بر روی لینک قرار گرفته است.
عنصر <a> دارای خاصیت های زیادی است اما یکی از این خاصیت ها که شما بیشتر از آن استفاده خواهید کرد خاصیت href است . این خاصیت مهم ترین خاصیت عنصر <a> می باشد و مقصد لینک که میتواند یک صفحه وب دیگر ، یک بخش از همان صفحه ، یا انواع سندهای دیگر مانند یک تصویر یا فایل pdf و … باشد را نشان می دهد .
به طور پیش فرض، لینک ها به صورت زیر در همه مرورگرها ظاهر خواهند شد :
- یک لینک نادیده شده، زیرخط دار و آبی است
- یک لینک دیده شده زیرخط دار و بنفش است
- یک لینک فعال زیر خط دار و قرمز است
تفاوت بین HTML 4.01 و XHTML
هیچ تفاوتی بین تگ <a> در HTML4 و XHTML وجود ندارد.
تفاوت بین HTML 4.01 و HTML5
در HTML 4.01، برچسب <a> می تواند هم به صورت یک لینک و هم یک لنگر (Anchor ) باشد. اما در HTML5 تگ <a> همیشه یک لینک است.
HTML5 خاصیت های جدیدی معرفی کرده و برخی از خاصیت هایی که در HTML 4.01 کاربرد داشته را دیگر پشتیبانی نمی کند.
خاصیت ها:
تگ HTML می تواند شامل یک یا چند خاصیت باشد که چگونگی ارائه در مرورگر را تعیین میکنند. خاصیت ها دارای یک نام و یک مقدار هستند که با علامت (=) از هم جدا شده اند. مقدار خاصیت با علامت نقل قول احاطه میشود .
۳ نوع خاصیت وجود دارد که شما می توانید به تگ های HTML خود اضافه کنید:
- خاصیت ویژه عنصر
- خاصیت عمومی
- خاصیت رویداد
خاصیت ویژه عنصر :
خاصیت ها |
مقدار |
توضیحات |
charset | char_encoding | در HTML5 پشتیبانی نمی شود. مجموعه ای از کاراکترهای یک سند لینک شده را مشخص میکند |
coords | coordinates | در HTML5 پشتیبانی نمی شود. مختصات یک لینک را تعیین میکند |
download New | filename | وقتی که یک کاربر روی لینک کلیک میکند ، مشخص می کند که هدف دانلود خواهد شد. |
href | URL | آدرس اینترنتی صفحه لینک شده را مشخص میکند |
hreflang | language_code | زبان اسناد لینک شده را مشخص میکند |
media New | media_query | مشخص میکند که اسناد لینک شده برای چه رسانه ها یا دستگاه هایی بهینه سازی شده اند |
name | section_name | در HTML5 پشتیبانی نمی شود. خاصیت id جایگزین آن شده است.ناحیه ای از صفحه که لینک باید به آن وارد شود را نشان میدهد . |
rel | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag |
رابطه بین اسناد جاری و لینک شده را مشخص میکند |
rev | text | در HTML5 پشتیبانی نمی شود. رابطه بین اسناد جاری و لینک شده را مشخص میکند. |
shape | default rect circle poly |
در HTML5 پشتیبانی نمی شود. شکل یک لینک را مشخص میکند |
target |
_blank _parent _self _top framename |
جایی که اسناد لینک شده باید باز شوند را مشخص میکند |
type New | MIME_type | نوع MIME (Multipurpose Internet Mail Extensions) اسناد لینک شده را مشخص میکند |
نکته۱: در صورتی که خاصیت href وجود نداشته باشد، از خاصیت های download، hreflang، media، rel، target، و type نمی توان استفاده کرد.
نکته۲: یک صفحه لینک شده به طور معمول در پنجره فعلی مرورگر نمایش داده می شود، مگر اینکه شما هدف را به گونه ی دیگری تعیین کنید.
نکته۳: برای استایل یک لینک از CSS استفاده کنید.
خاصیت عمومی:
تگ <a> از خاصیت های عمومی HTML پشتیبانی میکند.
accesskey |
hidden | itemtype |
class |
id |
lang |
contenteditable |
inert | spellcheck |
contextmenu |
itemid |
style |
dir |
itemprop |
tabindex |
draggable |
itemref |
title |
dropzone | itemscope |
translate |
خاصیت رویداد :
تگ <a> از خاصیت رویداد در HTML نیز پشتیبانی میکند.
onabort |
onended | onmousewheel |
oncancel | onerror |
onpause |
onblur |
onfocus |
onplay |
oncanplay |
onformchange | onplaying |
oncanplaythrough | onforminput |
onprogress |
onchange |
oninput | onratechange |
onclick | oninvalid |
onreadystatechange |
oncontextmenu |
onkeydown | onscroll |
ondblclick | onkeypress |
onseeked |
ondrag |
onkeyup | onseeking |
ondragend | onload |
onselect |
ondragenter |
onloadeddata | onshow |
ondragexit | onloadedmetadata |
onstalled |
ondragleave |
onloadstart | onsubmit |
ondragover | onmousedown |
onsuspend |
ondragstart |
onmousemove | ontimeupdate |
ondrop | onmouseout |
onvolumechange |
ondurationchange |
onmouseover | onwaiting |
onemptied | onmouseup |
|
پشتیبانی مرورگر ها:
تگ <a> در همه مرورگرهای اصلی پشتیبانی می شود.