برچسب HTML <a>
- صفحه قبلی <!DOCTYPE>
- صفحه بعدی <abbr>
پیشنهاد دوره:
<a>
تعریف و استفاده
<a>
برچسب <a> تعریف لینکهای فرا صفحهای است که برای پیوند دادن به صفحه دیگری استفاده میشود. مهمترین خصوصیت عنصرخصوصیت href
، که هدف لینک را نشان میدهد.
- به صورت پیشفرض، لینکها در تمام مرورگرها به صورت زیر نمایش داده میشوند:
- لینکهای بازدید نشده دارای زیرخط و آبی هستند
- لینکهای بازدید شده دارای زیرخط و بنفش هستند
لینک در حال بازدید از آن دارای زیرخط و قرمز است کلاسهای شبه در CSS شما ممکن است توجه کرده باشید که ظاهر لینکهای درون وبسایت CodeW3C.com با ظاهر پیشفرض لینکها بسیار متفاوت است. شما میتوانید از
لطفاً به:
تدریس HTML:لینک HTML
دستورالعمل HTML DOM:شیء Anchor
تدریس CSS:طراحی لینک
توضیحات واژگان
مثال
مثال 1
لینک به codew3c.com ایجاد کنید:
<a href="https://www.codew3c.com">به codew3c.com بروید!</a>
مثال 2
چگونه میتوان از تصویر به عنوان لینک استفاده کرد:
<a href="https://www.codew3c.com"> <img border="0" alt="W3School" src="w3logo.png" width="400" height="225"> </a>
مثال 3
چگونه میتوان لینک را در پنجره جدید مرورگر باز کرد:
<a href="https://www.codew3c.com" target="_blank">به codew3c.com بروید!</a>
مثال 4
چگونه میتوان به آدرس ایمیل متصل شد:
<a href="mailto:someone@example.com">ایمیل ارسال کنید</a>
مثال 5
چگونه میتوان به شماره تلفن متصل شد:
<a href="tel:+8613888888888">+86 138 8888 8888</a>
<a href="#section2">به فصل دوم بروید</a>
<a href="javascript:alert('Hello World!');">اجرای JavaScript</a>
صفحهای که مرتبط شده است معمولاً در پنجره مرورگر فعلی نمایش داده میشود، مگر اینکه شما هدف دیگری را مشخص کرده باشید (با استفاده از ویژگی target).
هدف را مشخص میکند که وقتی کاربر روی لینک کلیک میکند، فایل دانلود خواهد شد. | ||
URL صفحهای که لینک به آن اشاره دارد را مشخص میکند. | ||
زبان مستند مرتبط را مشخص میکند. | ||
مستند مرتبط را برای چه رسانه/دستگاه بهینهسازی شده است را مشخص میکند. | ||
لیستی از URLها را مشخص میکند که وقتی لینک دسترسی پیدا میکند، مرورگر درخواست POST با متن ping (در پسزمینه) ارسال میکند. معمولاً برای ردیابی استفاده میشود. | ||
|
اطلاعات مرجع که باید با لینک ارسال شود را مشخص میکند. | |
|
رابطه مستند فعلی و مستند مرتبط را مشخص میکند. | |
target |
|
مکان باز کردن مستند مرتبط را مشخص میکند. |
type | نوع رسانه | نوع رسانهای مستند مرتبط را مشخص میکند. |
ویژگیهای جهانی
<a>
برچسبها نیز از ویژگیهای رویداد پشتیبانی میکنند ویژگیهای جهانی در HTML。
ویژگیهای رویداد
<a>
برچسبها نیز از ویژگیهای رویداد پشتیبانی میکنند ویژگیهای رویداد در HTML。
تنظیمات پیشفرض CSS
بیشتر مرورگرها از ارزشهای پیشفرض زیر برای نمایش استفاده میکنند <a>
عنصر:
a:link, a:visited { color: (مقدار داخلی); text-decoration: underline; cursor: auto; } a:link:active, a:visited:active { color: (مقدار داخلی); }
پشتیبانی از مرورگر
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی |
- صفحه قبلی <!DOCTYPE>
- صفحه بعدی <abbr>