تگ a در HTML

672x372xanchor-672x372.jpg.pagespeed.ic.T_g5kPr0N2

تگ a در HTML

تگ <a>  ( عنصر anchor یا لنگر ) در HTML برای ایجاد یک لینک به سندی دیگر و یا قسمتی از سند جاری استفاده می شود. برای مثال :

[php]
<p>
This is a link to <a href=" https://webdade.com/"> webdade.com</a>
</p>
[/php]

webdade.com

تگ <a> یکی از کوچکترین عناصر، اما نیروی حیاتی شبکه جهانی وب می باشد. این عنصر که از میلیاردها صفحه لینک شده، تشکیل شده است، اجازه می دهد که شما تقریبا بدون هیچ وقفه ای، از یک صفحه به صفحه دیگر گشت و گذار کنید. اغراق آمیز نیست اگر بگوییم عنصر <a> جزء مهم ترین عناصر HTML است.

این عنصر نباید با عنصر link اشتباه گرفته شود . عنصر <a> متن ،تصویر و یا ترکیبی از هر دو را در برگرفته و به یک صفحه وب یا بخش دیگری بر روی همان صفحه وب اشاره میکند. متن محصور شده به طور پیش فرض ، در مرورگر ها به صورت زیر خط دار نمایش داده خواهد شد ، که به یک لینک قابل کلیک دلالت دارد. بنابراین نیازی به استفاده از عنصر U نیست چراکه زیرخط به بهترین وجه بر روی لینک قرار گرفته است.

عنصر <a> دارای خاصیت های زیادی است اما یکی از این خاصیت ها که شما بیشتر از آن استفاده خواهید کرد خاصیت href است . این خاصیت مهم ترین خاصیت عنصر <a> می باشد و مقصد لینک که میتواند یک صفحه وب دیگر ، یک بخش از همان صفحه ، یا انواع سندهای دیگر مانند یک تصویر یا فایل pdf و … باشد را نشان می دهد .

تگ a در HTML
تگ a در HTML

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

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

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

هیچ تفاوتی بین تگ <a> در HTML4 و XHTML وجود ندارد.

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

در HTML 4.01، برچسب <a> می تواند هم به صورت یک لینک و هم یک لنگر (Anchor ) باشد. اما در HTML5 تگ <a> همیشه یک لینک است.

HTML5 خاصیت های جدیدی معرفی کرده و برخی از خاصیت هایی که در HTML 4.01  کاربرد داشته را دیگر پشتیبانی نمی کند.

 خاصیت ها:

تگ HTML می تواند شامل یک یا چند خاصیت باشد که چگونگی ارائه در مرورگر را تعیین میکنند. خاصیت ها دارای یک نام و یک مقدار هستند که با علامت (=) از هم جدا شده اند. مقدار خاصیت با علامت نقل قول احاطه میشود .

۳ نوع خاصیت وجود دارد که شما می توانید به تگ های HTML خود اضافه کنید:

  • خاصیت ویژه عنصر
  • خاصیت عمومی
  • خاصیت رویداد

 خاصیت ویژه عنصر :

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

target

_blank
_parent
_self
_top
framename
جایی که اسناد لینک شده باید باز شوند را مشخص میکند
type   New MIME_type نوع MIME (Multipurpose Internet Mail Extensions) اسناد لینک شده را مشخص میکند

نکته۱: در صورتی که خاصیت href وجود نداشته باشد، از خاصیت های download، hreflang، media، rel، target، و type نمی توان استفاده کرد.

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

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

 خاصیت عمومی:

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

accesskey

hidden itemtype

class

id

lang

contenteditable

inert spellcheck

contextmenu

itemid

style

dir

itemprop

tabindex

draggable

itemref

title

dropzone itemscope

translate

خاصیت رویداد :         

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

onabort

onended onmousewheel
oncancel onerror

onpause

onblur

onfocus

onplay

oncanplay

onformchange onplaying
oncanplaythrough onforminput

onprogress

onchange

oninput onratechange
onclick oninvalid

onreadystatechange

oncontextmenu

onkeydown onscroll
ondblclick onkeypress

onseeked

ondrag

onkeyup onseeking
ondragend onload

onselect

ondragenter

onloadeddata onshow
ondragexit onloadedmetadata

onstalled

ondragleave

onloadstart onsubmit
ondragover onmousedown

onsuspend

ondragstart

onmousemove ontimeupdate
ondrop onmouseout

onvolumechange

ondurationchange

onmouseover onwaiting
onemptied onmouseup

 

 

پشتیبانی مرورگر ها:

تگ <a> در همه مرورگرهای اصلی پشتیبانی می شود.

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *