جزئیات تگ a چیست + کاربرد آن در برنامه نویسی HTML و CSS

تگ a چیست

اگر بخواهیم تگ a را تعریف کنیم، باید از html به عنوان زبان نشانه‌گذاری محتوا آغاز کنیم. در HTML تگ‌ها برای قسمت‌های مختلف صفحات وب به کار برده می‌شوند. یکی از این تگ‌ها، تگ a یا همان Anchor element است. با استفاده از این لینک می‌توان بین صفحات مختلف وب سایت، فایل‌ها، ایمیل‌ها موقعیت‌های مکانی در همان صفحه و... لینک‌سازی کرد. به بیانی دیگر محتوایی که تگ a را داشته باشد، کاربر را با کلیک کردن روی آن، به صفحه مقصد منتقل خواهدکرد.

تگ a در طراحی وب

لینک سازی بین صفحات تنها یکی از کاربردهای تگ a در طراحی وب سایت است. از این تگ می‌توان به عنوان قرار دادن لینک دانلود مستقیم فایل صوتی، تصویری، pdf و... استفاده کرد. اگر در صفحه طراحی شده پیوند یا فرمی را قرار داده باشید، با به کاربردن صفت target در html می‌توانید مشخص کنید که فرم یا پیوند در کجا باز شود. یکی از این مقادیر را می‌توان برای تگ a به کار برد: blank (باز شدن لینک در صفحه ای جدید)، self (باز شدن لینک در همان صفحه)، top (مانند self، عمل کرده با این تفاوت که صفحه را در پنجره‌ای بدون فریم باز می‌کند)، parent (لینک را در frameset پدر تگ frame باز خواهد کرد).

تگ a در html

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

تگ a در Css

همانطور که می‌دانید Css مربوط به فاکتورهای ظاهری محتوای وب سایت می‌شود؛ بنابراین برای اینکه بتوانید ظاهر لینک‌هایی را که با استفاده از تگ a ایجاد کردید را تغییر دهید، دستورهای زیر را لازم خواهید داشت:

a:link, a:visited {
color: #ddd; ⇒ دادن رنگ دلخواه به لینک
text-decoration: none; ⇒ حذف خطی که با ایجاد لینک به صورت خودکار زیر متن کشیده شده
cursor: pointer; ⇒ وقتی روی لینک نشانگر ماوس را نگه داشتیم، ماوس به شکل 👆 درمی آید
}
برای اینکه بعداز کلیک کردن عبارت موردنظرتان تغیر رنگ دهد، روش زیر را استفاده کنید:
a:link:active, a:visited:active {
color: (internal value);
}

تگ a href در html

Href یکی از ویژگی‌هایی است که برای تگ‌های a- area-base و تگ link استفاده می‌شود. در واقع با به کاربردن این ویژگی می‌توان مسیر یک فایل را مشخص کرد.

تگ a href

Href یا hypertext reference از جمله کدهای html بوده که برای ایجاد لینک در صفحات به کار می‌رود. از این ویژگی به همراه تگ a برای آدرس دهی url مورد نظر استفاده می‌شود.

آموزش تگ a در html

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

<a href=https://example.ir> عبارت موردنظر</a>

کاربرد تگ a در html

برای استفاده از لینک‌ها و اکشن‌هایی که با استفاده از تگ a می‌توان آن را در صفحات مختلف به کاربرد، می‌توان به مواردی مانند لینک آدرس اینترنتی (که برای باز کردن آدرس اینترنتی صفحات وب بکار می‌برد)، لینک تماس تلفنی (برای لینک مستقیم کاربر با شماره‌های تماس استفاده می‌شود)، لینک شبکه‌های اجتماعی (با کلیک روی عباراتی حاوی این لینک، کاربر به صفحه مجازی هدایت خواهدشد)، لینک به قسمتی از صفحه (این لینک سازی برای کلیک بر روی عبارت یا دکمه استفاده شده تا کاربر به قسمتی از همان صفحه هدایت شود) و لینک ارسال ایمیل (ارسال ایمیل از طریق این تگ استفاده شده که قبل از ایمیل باید mailto: استفاده شود.)