تگ a در HTML

HTML <a> Tag

تگ <a> در HTML موجب ساخته شدن پیوند به صفحات وب، فایلها و ایمیل آدرس در همان صفحه و یا به صفحاتی در سایتهای دیگر می شود. مهمترین صفت این تگ ahref است که مقصد لینک (پیوند) را مشخص می کند.

مثال:

<a href="https://opentag.ir">لینک ورود به اپن تگ</a>

نتیجه:

مشاهده و ویرایش کد در حالت تمام صفحه

صفتها (Attributes)

href

آدرس URL که لینک به آن اشاره می کند را مشخص می کند.

target

مشخص می کند که صفحه لینک شده کجا باز شود. مقادیر این صفت عبارتست از:

• blank_

  : یک تب جدید را برای آدرس لینک باز می کند.

• self_

  : لینک را در صفحه فعلی باز می کند. (مقدار پیشفرض)

hreflang

زبان URL که لینک به آن اشاره می کند را مشخص می کند.

rel

رابطه بین صفحه فعلی و صفحه ای که لینک به آن اشاره می کند را مشخص می کند.

download

این صفت موجب می شود تا مرورگر فایلی که لینک به آن متصل شده را دانلود کند.

در ادامه مثال هایی از عملکرد تگ <a> در html را میبینیم:

لینک دهی به وبسایت مشخص:

html

<a href="https://opentag.ir">لینک ورود به اپن تگ</a>

نتیجه:

مشاهده و ویرایش کد در حالت تمام صفحه

باز کردن لینک در پنجره جدید:

html

<a href="https://opentag.ir" target="_blank">لینک ورود به اپن تگ در پنجره جدید</a>

نتیجه:

مشاهده و ویرایش کد در حالت تمام صفحه

لینک دادن به قسمت دیگری از همان صفحه:

html

<a href="#section1">بخش اول</a>
<a href="#section2">بخش دوم</a>
<a href="#section3">بخش سوم</a>

<h3 id="section1">بخش اول</h3>
<h3 id="section2">بخش دوم</h3>
<h3 id="section3">بخش سوم</h3>

نتیجه:

مشاهده و ویرایش کد در حالت تمام صفحه

ارسال ایمیل از طریق تگ <a>:

html

<a href="mailto:[email protected]">ارسال ایمیل فرضی</a>

نتیجه:

مشاهده و ویرایش کد در حالت تمام صفحه

پشتیبانی مرورگرها
تمام مرورگرها از این تگ html پشتیبانی می کنند.