تگ لينك يا پيويند ـHTML <a> Tag
Previous > <Nextمثال ـ ايجاد پيوند يا لينك بهW3School.com
<a href="https://www.w3schools.com">Visit W3Schools.com!</a>
تعريف وكاربردDefinition and Usage -
تگHTML <a> يك پيوند يا هايپرلينك راتعريف ميكند، وباعث ميشود، كه ازصفحه به صفحه ديگر رفت.
مهمترين ويژگي تگ<a> ويژگي href ميباشد، كه مقدار آن سندپيوندي را مشخص مي نمايد..
بصورت پيش فرض پيوندها بصورت زير در همه مرورگرها ظاهر ميشوند.
-
- پيوند بازديد نشده زير خط كشيده وآبي است
- پيوند بازديدشده زير خط كشيده وبنفش است.
- يك پيوند فعال زيرخط كشيده وقرمزاست.
يادآوري ونكاتTips and notes -
نكته ـ اگر پيوند بدون ويژگيhref باشد، آن فقط فضاي نگهدارنده يك پيونداست .
نكته ـ يك پيوند بصورت معمول در همان صفحه باز ميشود، مگراينكه از طريق ويژگي targetمحل ديگري مشخص شده باشد .
نكته ـ بااستفاده ازCSS استايل پيوند را تنظيم كنيد.
پشتيباني مرورگرBrowser Support -
| Element | 
| 
| 
| 
| 
|
|---|---|---|---|---|---|
| <a> | Yes | Yes | Yes | Yes | Yes |
ويژگيهاAttributes -
| ويژگي | مقدار | شـــرح |
|---|---|---|
| download | filename | فايل دانلود ميشود،هنگاميكه كاربر در پيوند كليك ميكند. |
| href | url | آدرس يوآرال صفحه اي رامشخص ميكند كه بايد رفت |
| hreflang | language_code> | زبان صفحه اي كه بايد لينك شود مشخص ميكند |
| media | media_query | مشخص ميكند كه لينك براي چه نوع رسانه يا دستگاهي بهينه شود. |
| ping | list_of_URLs | عنوان پينگ بمرورگر ارسال ميشود. |
| rel | alternate
author bookmark external help license next nofollow moreferrer noodener prev serch tag | رابطه بين صفحه جاري وپيوند را مشخص ميكند |
| target | _blank
_parent _self _top Frame_name | مشخص ميكند كه صفحه پيوندي كجا بازشود. |
| type | media_type | نوع رسانه صفحه پيوندي را مشخص ميكند. |
ويژگي هاي جهانيGlobal Attributes -
تگ<a> از ويژگي هاي جهانيHTML پشتيباني ميشود .
ويژگي هاي رويدادEvent Attributes -
تگ<a> ازرويدادهاي HTML پشتيباني ميشود .
مثالهاي بيشترMore Examples -
مثال ـ استفاده از تصوير در لينك
<a href="https://www.w3schools.com"> <img border="0" alt="W3Schools" src="logo_w3s.gif" width="100" height="100"> </a>
مثال ـ نحوء بازكردن پيوند در پنجره جديد مرورگر
<a href="https://www.w3schools.com" target="_blank">Visit W3Schools.com!</a>
مثال ـ نحوء پيوند دادن به آدرس ايميل
<a href="mailto:someone@example.com">Send email</a>
مثال ـ نحوء پيوند دادن به شماره تلفن
<a href="tel:+4733378901">+47 333 78 901</a>
مثال ـ نحوء پيوند دادن به بخش ديگر صفحه
<a href="#section2">Go to Section 2</a>
مثال ـ نحوء پيوند دادن به جاوااسكريپت
<a href="javascript:alert('Hello World!');">Execute JavaScript</a>
تنظيمات پيش فرضCSS
اكثر مرورگرها عنصر را بامقادير پيش فرض زير نمايش ميدهند.
a:link, a:visited {
color: (internal value);
text-decoration: underline;
cursor: auto;
}
a:link:active, a:visited:active {
color: (internal value);
}
HTML مرجع كامل تگهاي
HTML مرجع كامل ويژگيهاي
Previous > <Next