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:example@opentag.ir">ارسال ایمیل فرضی</a>
نتیجه:
مشاهده و ویرایش کد در حالت تمام صفحه
پشتیبانی مرورگرها
تمام مرورگرها از این تگ html پشتیبانی می کنند.