تگ a در HTML
دسته بندی : آموزش HTML سطح مقاله : متوسط زمان مطالعه : 2 دقیقه آخرین بروز رسانی: 05 آذر 1399در این مقاله به بررسی تگ a در HTML می پردازیم.
نکات اصلی تگ a در HTML :
- عنصر
<a>
یک صفحه را به سندی ، صفحه دیگری یا هر مکان مشخص شده دیگری پیوند می دهد. - href بیشترین ویژگی مورد استفاده است. بخش href از کد HTML برای پیوند مشخص می کند که این پیوند به کجا منجر شود.
- از پیوند ایجاد شده می توان در تصاویر ، متن یا محتوای داخل تگ های HTML استفاده کرد.
استفاده از تگ a در HTML
تگ a در HTML پیوندی با صفحه خارجی ، بخش دیگری از همان صفحه یا مکان دیگر را تعریف می کند. برخی از مرورگرها از پیوندها به اسناد غیر مبتنی بر HTTP (مانند mailto ) نیز پشتیبانی می کنند.
<a href="https://www.bitdegree.org/">Bitdegree</a>
توجه: باز و بسته شدن تگ های <a>
در HTML برای کار با لینک ها ضروری است.
ویژگی های موجود برای تگ a در HTML
download
تعیین می کند تا هدف به جای باز شدن در مرورگر بارگیری شود.
<a href="/images/bitdegree/spaceDoggo.png" download>Download image</a>
href
href URL صفحه ای را که پیوند باید به آن منجر شود تعریف می کند.
<a href="https://www.bitdegree.org/">Bitdegree</a>
hreflang
a hreflang زبان صفحه پیوند داده شده را مشخص می کند.
<a hreflang="en" href="https://www.bitdegree.org/">Bitdegree</a>
rel
a rel نشان دهنده رابطه بین سند پیوند یافته و سند فعلی است.
<a rel="nofollow" href="https://www.bbc.com/">External webpage</a>
اینها متداول ترین مقادیر برای ویژگی rel هستند:
Meaning | Value |
سند ارجاع شده متعلق به سایت دیگری است. | external |
سند ارجاع شده متعلق به همان سری فعلی است و پس از آن ارائه می شود. | next |
این پیوند نمی تواند بر رتبه بندی سند مراجعه شده تأثیر بگذارد. | nofollow |
سند ارجاع شده نمی تواند به شی پنجره دسترسی پیدا کند. | noopener |
تمام داده های مراجعه کننده پنهان است. | noreferrer |
سند ارجاع شده متعلق به همان سری قبلی است و قبل از آن ارائه می شود. | prev |
توجه: می توانید تمام مقادیر ممکن را برای Rel ذکر شده و در HTML Living Standard توضیح داده شده مشاهده کنید.
target
یک هدف نشان می دهد که در آن URL پیوند داده شده باید باز شود.
<a href="https://www.bitdegree.org/learn/anchor-tag/#ltagt" target="_blank">HTML a element</a>
چهار مقدار وجود دارد که می توانید با target استفاده کنید:
Loads the linked URL in | Value |
زمینه مرور کنونی (مقدار پیش فرض) | self_ |
زمینه مرور جدید (یک برگه به طور پیش فرض) | blank_ |
والدین زمینه مرور فعلی | parent_ |
زمینه مرور سطح بالا | top_ |
توجه: اگر والدینی پیدا نشد ، والدین و والدین هم رفتار خود را قبول می کنند.
type
type نوع رسانه را در قالب MIME برای سند پیوند داده شده تنظیم می کند.
<a href="https://www.bitdegree.org/courses" type="text/html">Learn while gaming</a>
هر نوع MIME در یک نوع ، یک زیر نوع و پارامتر جزئیات تعریف می شود (اختیاری):
مثال | Definition | Type |
application/pdf, application/zip | داده هایی برای اجرا یا داده هایی که فقط با یک برنامه خاص قابل استفاده هستند | application |
audio/mp4, audio/aac | داده های صوتی | audio |
فقط در مثالهای کد استفاده می شود | یک متغیر نگهبان که انواع MIME را در نمونه های استفاده نشان می دهد | example |
font/otf, font/ttf | داده های قلم متن | font |
image/jpeg, image/png | داده های گرافیکی ثابت یا متحرک | image |
message/news, message/delivery-status | داده های پیام چندگانه | message |
multipart/encrypted, multipart/signed | داده های چند جز component (لزوماً از نوع MIME یکسان نیست) | multipart |
model/3mf, model/vnd.gdl | داده های مدل شی 3D | model |
text/plain, text/html | داده های متنی قابل خواندن | text |
video/mp4,video/quicktime | داده های ویدئویی | video |
توجه: لیست کامل انواع MIME بسیار زیاد است – می توانید آن را در اینجا مشاهده کنید.
ویژگی های منسوخ شده تگ a در HTML
هشدار: از این ویژگی ها استفاده نکنید: HTML5 از آن ها پشتیبانی نمی کند.
charset
charset مجموعه ای از کاراکترها را از صفحه پیوند داده شده تعریف می کند.
<a charset="UTF-8" href="https://www.bitdegree.org/">Bitdegree</a>
coords تگ a در HTML
مختصات مختصات یک پیوند را تعیین می کند.
<img src="creatures.gif" width="220" height="220" alt="Creatures" usemap="#creaturemap">
<map name="creaturemap">
<area shape="rect" coords="34, 44, 270, 350" alt="Doggo" href="http://www.bitdegree.org/">
<area shape="rect" coords="290, 172, 333, 250" alt="Gaming" href="http://www.bitdegree.org/">
<area shape="circle" coords="337, 300, 44" alt="Level up" href="http://www.bitdegree.org/">
</map>
name
name نام لنگر را مشخص کرد.
<a href="#target">Go to target</a>
<h1><a name="target">Name attribute</a></h1>
<p>This section explains the usage of name attribute.
rev
rev رابطه بین سند پیوند یافته و سند فعلی را نشان داد.
<a rev="nofollow" href="https://www.bitdegree.org/courses">External webpage</a>
shape
shape شکل یک لینک را مشخص می کند.
<img src="creatures.gif" width="220" height="220" alt="Creatures" usemap="#creaturemap">
<map name="creaturemap">
<area shape="rect" coords="34, 44, 270, 350" alt="Doggo" href="http://www.bitdegree.org/">
<area shape="rect" coords="290, 172, 333, 250" alt="Gaming" href="http://www.bitdegree.org/">
<area shape="circle" coords="337, 300, 44" alt="Level up" href="http://www.bitdegree.org/">
</map>
پشتیبانی مرورگرها
تگ a در HTML در مرورگرهای : IE، safari ، firefox، cherom، opera و Edge پشتیبانی می شود.
در دوره آموزش HTML و CSS بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.
این مقاله چقدر براتون مفید بود؟