آموزش HTML (قسمت 5) : کار با لینک ها در HTML (جلسه دوم)

لینک‌های ایمیلی

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

برای ایجاد لینک‌های ایمیلی می‌بایست از قاعده کلی زیر در عنصر a استفاده کنید:

<a href="mailto:[email protected]"> [email protected] </a>

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

<a href="mailto:[email protected]"> E-mail us </a>

در هنگام ایجاد لینک‌های ایمیلی علاوه بر مشخص کردن آدرس ایمیل دریافت کننده حتی می‌توان موضوع، آدرس سایر دریافت کنندگان (یعنی گزینه‌های CC و BCC ) و بخشی از متن ایمیل را نیز مشخص کرد. برای این کار کافی است کد فوق را به صورت زیر تغییر داده و از پارامترهایی همچون subject، CC ، body پس از آدرس اصلی ایمیل استفاده کنید:

<a href="mailto:[email protected]?subject=hello&[email protected]&body=Please send me a copy of your new program!"> Email Me </a>

اکنون پس از کلیک بر روی لینک فوق برنامه ارسال ایمیل که معمولا یا Gmail و یا برنامه Microsoft Office Outlook و یا مثل من Yahoo-mailمی باشد به صورت زیر و با مشخصات پیش فرض تعیین شده باز خواهد شد:

لینک‌های دانلود

لینک‌های دانلود به لینک هایی گفته می‌شود که مسیر دسترسی به یک فایل خاص بر روی سرور خودمان یا سایر سرورها را مشخص میکند. معمولا از این نوع لینک‌ها برای فراهم کردن امکان دانلود فایل‌ها به کاربران استفاده می‌شود. در صورتی که بر روی لینکی کلیک کنیم و مرورگر نتواند فایل مورد نظر را باز کند. شروع به دانلود آن خواهد کرد. در مثال زیر نمونه ساده یک لینک دانلودکه امکان دانلود فایلی به نام test.zip را فراهم میکند. مشاهده می‌کنید:

<a href="mysite.com/upload/test.zip"> Click to Download </a>

لینک‌های لنگری

برخلاف اغلب لینک‌ها که برای انتقال به سایر صفحات استفاده میشود از لینک‌های لنگری برای اشاره و هدایت کاربر به بخش خاصی از همان صفحه ای که لینک در آن قرار دارد (مخصوصا در صفحات طولانی و برای صرفه جویی در وقت کاربر به منظور اسکرول کردن به بالا و پایین) می‌توان استفاده نمود. به عنوان مثال یکی از کاربرد‌های لینک‌های لنگری ، در ایجاد لینک هایی با عنوان "بازگشت به بالا" در پایین صفحات طولانی در بسیاری سایت هاست.

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

در هنگام ایجاد مقصد لنگر می‌بایست به جای استفاده از صفت href در تگ a از صفت name یا id برای نامگذاری آن استفاده کرد. ما از این نام در لنگر برای جهش به آن بخش بهره می‌بریم . حال در تگ a مبدا لنگر می‌بایست در صفت href از کاراکتر # و به دنبال آن نامی که برای مقصد انتخاب شده است استفاده کنیم. به کد زیر دقت کنید که متن همین جلسه است که با استفاده از لینک‌های لنگری ساخته شده :

کد بالا را دانلود کنید و آن را در ویرایشگر متن خود بنویسید (کپی، پیست کنید 😀 ).

نتیجه کد در مرورگر:

سپس به طور مثال با کلیک بر روی لینک، به قسمت لینک‌های دانلود خواهید رفت:

<a href="page.html#anchorname">

<a href="http://www.sitename.com/path/page.html#anchorname">

مقصد لنگر می‌تواند هر عنصر دیگری غیر از عنصر a باشد. در این حالت نیز می‌بایست از صفت name یا id در این عنصر با یک مقدار مجزا در کل صفحه استفاده کرد. به طور مثال اگر مقصد لنگر ما یک تیتر باشد می‌توان از کد زیر استفاده کرد:

در لینک مقصد:

<h1 name="titr1"> this is a Heading</h1>

و در لینک مبدا از کد:

<a href="#titr1"> Heading1 </a>

بسیار خب. تا اینجا با انواع لینک‌ها و طریقه مقدار دهی به هر یک آشنا شدیم. در مطلب بعدی به کار با تصاویر و تگ </ img> آشنا خواهیم شد.

نویسنده

طاها دریس