تگ a در HTML

دسته بندی : آموزش HTML سطح مقاله : متوسط زمان مطالعه : 2 دقیقه 25 نوامبر 2020
تگ a در HTML

در این مقاله به بررسی تگ 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 هستند:

MeaningValue
سند ارجاع شده متعلق به سایت دیگری است.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 inValue
زمینه مرور کنونی (مقدار پیش فرض)self_
زمینه مرور جدید (یک برگه به طور پیش فرض)blank_
والدین زمینه مرور فعلیparent_
زمینه مرور سطح بالاtop_

توجه: اگر والدینی پیدا نشد ، والدین و والدین هم رفتار خود را قبول می کنند.

type

type نوع رسانه را در قالب MIME برای سند پیوند داده شده تنظیم می کند.

<a href="https://www.bitdegree.org/courses" type="text/html">Learn while gaming</a>

هر نوع MIME در یک نوع ، یک زیر نوع و پارامتر جزئیات تعریف می شود (اختیاری):

مثالDefinitionType
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داده های مدل شی 3Dmodel
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 را در دویکس دنبال کنید.

چه امتیازی به این مقاله می دید؟

دیدگاه کاربران

بدون دیدگاه


Notice: Undefined variable: user_ID in /home/devixir/public_html/wp-content/themes/DevixFullOne/comments.php on line 16