تگ 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 هستند:

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 بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.