آموزش مقدماتی HTML5 (چهارم)
برای درست کردن یک لینک در صفحه وب میتوانیم، از تگ a استفاده کنیم. با استفاده از تگ a میتوانیم به هر شی یا source قابل قبولی (فایلها ، word و …) لینک دهی در صفحه وب انجام دهیم. در اینجا لینک دهی در html را به شما آموزش میدهیم.
تگ a یک attribute مهم به نام href دارد ؛ که آدرس جایی که قرار است به آن لینک بدهیم باید بنویسیم.
برای آدرس دهی از 2 روش استفاده میکنیم:
1- آدرس دهی مطلق و Global
2– آدرس دهی محلی یا Local
1- آدرس دهی مطلق 2 نوع دارد :
الف) آدرس دهی مطلق بر روی هارد دیسک
ب) آدرس دهی مطلق بر روی وب
الف) آدرس دهی مطلق بر روی هارد دیسک به این صورت است:
……… / C (مثال
بهترا ست از این روش استفاده نکنید. چون این کدها روی کامپیوتر کلاینت اجرا میشوند و این آدرس روی کامپیوتر کلاینت وجود نداشته باشد.
الف) آدرس دهی مطلق بر روی وب به این صورت است:
مواقعی استفاده میشود که بخواهیم از روی سایت خودمان به یک چیزی خارج از سایت لینک بدهیم. که آدرس ما با //:http شروع میشود.
لینک دهی در صفحه وب
1- آدرس دهی محلی :
زمانی استفاده میشود که بخواهیم به صفحه ای از مجموعه صفحات سایت خودمان لینک بدهیم.
a) اگر فایل دیگری در مسیر همین فایلی که داریم کار میکنیم ساخته باشیم بعنوان مثال بنام about_us.html که با نوشتن نام این فایل در قسمت href و با کلیک در مرورگر این صفحه باز میشود.
b) اگر این فایل در فولدری در همین مسیر باشد به این صورت عمل میکنیم.
href = ” folder name /file name
c) اگر فایل ما در خارج این مسیر باشد به تعداد هر فولدر خارج تر یعنی فایل ما بعنوان مثال در 3 فولدر عقب تر بود به این صورت آدرس دهی میکنیم.
href = “ ../../../folder name /service.html
-از attribute های مهم دیگر تگ a میتوان به title اشاره کرد؛همانطور که در جلسات قبل به آن گفتیم میتوان یک توضیح برای آن نوشت که برای سئو خیلی پراهمیت است.
– مورد بعدی که برای سئو خیلی اهمیت دارد ، متنی است که در تگ a قرار میدهیم . متن باید مربوط به مقصد لینک باشد.
-attribute بعدی target است .مقدارهای متفاوتی میگیرد که پرکاربردترین آن blank- است . وقتی blank- باشد لینک ما در مرورگر در یک tab دیگر باز میشود.
لینک دهی در html
بعضا در سایت ها وصفحات وب میبینیم که یک لینک Top درپایین صفحه وقتی اسکرول میکنیم وجود دارد که زمانی روی آن کلیک کنیم به بالای صفحه میرود.
برای این کار باید در بالای صفحه یک نشانه بگذاریم . میتوان آن را با تگ a ساخت.
با دادن ویژگی name به آن، آن را bookmark میکنیم ودیگر href نمیدهیم. به این صورت:
<a name=”start” ></a>
و برای لینک دادن به این قسمت یک تگ a میزنیم و در href آن start# قرار میدهیم. این کار را میتوانیم برای هر نقطه ای از صفحه انجام بدهیم.
برای ادامه آموزش مقدماتی HTML5 با ما همراه باشید.
========== مارا در اینستاگرام دنبال کنید. ==========
