آموزش جامع HTML
در درس قبل، لینک‌ها را به عنوان یکی از مهمترین عناصر صفحات وب بررسی کردیم و با نحوه‌ی ایجاد لینک‌های مختلف با استفاده از عنصر a و صفت‌های این عنصر آشنا شدیم. به دلیل اهمیت بسیار بالای لینک‌ها در وب، در این درس چند نکته‌ی کاربردی و مهم را در ارتباط با لینک‌ها بیان می‌کنیم.
هنگام تعریف و استفاده از لینک‌ها، نکات کاربردی زیر را در نظر داشته باشید:
- برای عبارت لینک از متن مناسبی استفاده کنید.
عبارت لینک متنی است که بین تگ باز و بسته‌ی a قرار می‌گیرد و برای کاربر نمایش داده می‌شود. لینک‌ها باید به گونه‌ای باشند که برای همه‌ی خوانندگان صفحه فارع از ابزاری که برای دیدن یا خواندن صفحه استفاده می‌کنند، در دسترس باشند. نرم‌افزارهای صفحه‌خوان با استفاده از ویژگی Jumping امکان جابجا شدن بین لینک‌های مختلف صفحه و خواندن عبارت‌های لینک‌ها را به کاربرانشان می‌دهند. موتورهای جستجو نیز از عبارات لینک‌ها برای شاخص‌گذاری محتوای سند لینک شده استفاده می‌کنند. بنابراین، ما باید از متن مناسبی برای هر لینک استفاده کنیم، متنی که شامل کلمات کلیدی نیز باشد.
- سعی کنید حتی‌المقدور از آدرس‌های url نسبی استفاده کنید.
وقتی قصد دارید لینکی به صفحه‌ای دیگر از سایت جاری را ایجاد کنید، این آزادی عمل را دارید که از آدرس‌های نسبی یا مطلق استفاده کنید. در این موارد، توصیه می‌شود که حتماً از آدرس‌های نسبی استفاده کنید. دلیل این امر این است که وقتی ما url را به صورت مطلق می‌نویسیم، مرورگر ابتدا درخواستی را برای یک DNS می‌فرستد تا سرور مورد نظر را پیدا کند و سپس درخواست خود را به آن سرور تحویل دهد اما چون سند لینک شده متعلق به سایت جاری است و روی سرور یکسانی قرار دارد، این کار به منزله‌ی انجام کار اضافه‌ی بی‌دلیل توسط مرورگر است.
- اگر مقصد لینک، فایلی غیر از سند HTML است، در عبارت لینک به آن اشاره کنید.
وقتی لینکی به یک فایل غیر از HTML مانند فایل‌های PDF، فایل‌های ویدیویی و صوتی یا فایل‌های دیگر می‌دهید، با کلیک روی لینک ممکن است اتفاقاتی مثل باز شدن یک پنجره‌ی جدید یا شروع بارگذاری یک فایل رخ دهد که شاید کاربر انتظارش را نداشته است. بنابراین، در چنین مواردی نوع فایل لینک شده را با استفاده از عبارت لینک به کاربر اعلام کنید.
HTML
<p>
<a href="https://example.com/large-report.pdf">
Download the sales report (PDF, 10MB)
</a>
</p>
<p>
<a href="https://example.com/video-stream/" target="_blank">
Watch the video (stream opens in separate tab, HD quality)
</a>
</p>
<p>
<a href="https://example.com/car-game">
Play the car game (requires Flash)
</a>
</p>- سعی کنید از url به عنوان عبارت لینک استفاده نکنید.
آدرس‌های url ظاهر مناسبی ندارند و وقتی یک ابزار صفحه‌خوان آنها را به صورت حرف به حرف می‌خواند، نامناسب‌تر هم به نظر می‌رسند.
- لازم نیست از عباراتی مثل "لینک" یا "لینک به" در عبارت لینک استفاده کنید.
کاربران به راحتی لینک‌ها را در صفحه تشخیص می‌دهند و نرم‌افزارهای صفحه‌خوان نیز وجود لینک را به کاربرانشان اعلام می‌کنند.
- حتی المقدور از عبارت‌های کوتاه برای متن لینک استفاده کنید.
یک عبارت طولانی می‌تواند باعث آزار مخاطبان نرم‌افزارهای صفحه‌خوان شود.
- از به کار بردن عبارت لینک یکسان برای چند لینک اجتناب کنید.
این کار می‌تواند باعث گیج شدن کاربران نرم‌افزارهای صفحه‌خوان شود.