سبد (0)

تبلیغات

تگ a در HTML

مثال

یک لینک به بیاموز

<a href="http://www.beyamooz.com">Visit beyamooz.com!</a>

خودتان امتحان کنید »

شما می توانید مثال های بیشتری را در پایین این صفحه مشاهده کنید.


تعریف و کاربرد تگ a در HTML

تگ <a> برای پیوند یک صفحه به صفحه ای دیگر استفاده می شود.

در تگ <a> مهم ترین خصوصیت href است که نشان می دهد مقصد لینک کجاست.

به طور پیش فرض، لینک ها در مرورگرها به یکی از روش های زیر، ظاهر می شوند:

  • لینک مشاهده نشده، زیر خط دار و آبی است
  • لینک بازدید، زیر خط دار و بنفش است
  • لینک فعال، زیر خط دار و به رنگ قرمز است

 پشتیبانی مرورگرها از تگ a در HTML:

عنصر          
<a> بله بله بله بله بله

 نکته ها و ترفندها

نکته 1: اگر ویژگی href تنظیم نشده باشد، هیچ کدام از ویژگی های زیر اثری نخواهند داشت:

  • download
  • hreflang
  • media
  • rel
  • target
  • type

نکته 2: صفحه لینک شده به طور معمول در پنجره جاری مرورگر نمایش داده می شود، مگر اینکه شما خصوصیت target را برای لینک مذکور تنظیم نمایید.

نکته 3: برای style دادن به لینک ها از CSS استفاده کنید.


 تفاوت بین HTML 4.01 و HTML5

در HTML 4.01 تگ <a> می تواند به صورت یک لینک (hyperlink) یا یک لنگر (anchor) باشد. در HTML5 تگ <a> همیشه یک لینک است، اما اگر ویژگی href را نداشته باشد آن تنها یک نگهدارنده مکان برای یک لینک است.

در HTML5 تعدادی صفت جدید به این تگ اضافه شده و از نسخه HTML4.01 آن نیز تعدادی صفت حذف شده است.


 خصوصیت ها

= جدید در HTML5.

خصوصیت مقدار توضیحات
charset char_encoding در HTML5 پشتیبانی نمی شود.
مشخص کننده نوع کدینگ کاراکترهای صفحه مقصد است.
coords coordinates در HTML5 پشتیبانی نمی شود.
مختصات یک لینک را مشخص می کند.
download filename دانلود یک لینک را مشخص می کند.
href URL ایجاد پیوند یا لینک به سندی دیگر را مشخص می کند.
hreflang language_code مشخص کننده زبان اصلی وپیش فرض صفحه مقصد پیوند است.
media media_query لینک رسانه یا دستگاه را مشخص می کند.
name section_name در HTML5 پشتیبانی نمی شود.
ایجاد لینک نامگذاری شده در یک سند را مشخص می کند. (استاندارد HTML5 خصوصیت id را به جای name برای تعیین اسم برای یک محل مشخص پیشنهاد می دهد)
rel alternate
author
bookmark
help
license
next
nofollow
noreferrer
prefetch
prev
search
tag
نوع ارتباط بین سند رایج و سند لینک شده را مشخص می کند.
rev text در HTML5 پشتیبانی نمی شود.
نوع ارتباط بین سند لینک شده با سند های رایج را مشخص می کند.
shape default
rect
circle
poly
در HTML5 پشتیبانی نمی شود.

ایجاد shape (شکل) از لینک را مشخص می کند.


target _blank
_parent
_self
_top
framename
خصوصیت target مشخص می کند که صفحه ی لینک شده چگونه باز شود.
type media_type نوع media (رسانه) لینک شده به سند را مشخص می کند.

 ویژگی های عمومی تگ a در HTML

تگ <a> از خصوصیت های عمومی در HTML پشتیانی می کند.


 رویدادهای عمومی تگ a در HTML

تگ <a> از رویدادهای عمومی در HTML پشتیانی می کند.


 

مثال

 خودتان امتحان کنید - مثال

Create hyperlinks
 چگونه یک لینک ایجاد کنیم.

An image as a link
 استفاده از یک image (تصویر) به عنوان یک لینک.

Open a link in a new browser window
 باز کردن یک لینک در پنجره جدید مرورگر.

Create a mailto link
 لینک به یک پیام پست الکترونیک.

Create a mailto link 2
 لینکی دیگر به یک پیام پست الکترونیک.

Link to an element with a specified id
 لینک به یک عنصر با یک شناسه مشخص شده. (در HTML5ساپورت نمی شود)

Link to a JavaScript
 چگونگی اضافه کردن ویژگی href در جاوا اسکریپت.


آموزش های مرتبط

آموزش HTML-لینک ها

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه پرداخت آنلاین - بانک اقتصاد نوین پرداخت آنلاین - بانک سامان