HTML – پیوندهای متنی (Text Links)

در HTML، پیوندهای متنی یا Text Links برای ایجاد لینک‌ها از متن‌های عادی استفاده می‌شود. با استفاده از تگ <a>، می‌توانید یک پیوند متنی بسازید که کاربر را به یک صفحه دیگر یا مکان دیگری در همان صفحه هدایت کند. این پیوندها می‌توانند به صفحات داخلی یا خارجی، تصاویر، فایل‌های صوتی یا ویدیویی و غیره ارجاع دهند.

مثال:

<a href="https://www.example.com">Visit Example Website</a>

پیوند دادن به سند (Linking Documents)

وقتی که شما می‌خواهید به یک سند موجود داخل وب، مثلاً یک فایل HTML یا PDF، لینک بدهید، می‌توانید از لینک‌های متنی بهره ببرید. این لینک‌ها به کاربران اجازه می‌دهند تا با کلیک بر روی متن، به سند مورد نظر هدایت شوند.

مثال:

<a href="documents/example.pdf">Download PDF</a>

ویژگی هدف

ویژگی target در تگ <a> در HTML برای مشخص کردن جایی که مرورگر باید صفحه مربوطه را بارگذاری کند استفاده می‌شود. این ویژگی مشخص می‌کند که لینک باید در یک پنجره جدید، پنجره فرعی یا همان پنجره فعلی باز شود.

مثال:

<a href="https://www.example.com" target="_blank">Visit Example Website in a New Tab</a>

توضیحی از مدل‌های مختلف target آورده شده است:

  1. _self: این مدل پیش‌فرض است و مشخص می‌کند که صفحه مربوطه در همان پنجره‌ی فعلی بارگذاری شود.

  2. _blank: این مدل مشخص می‌کند که صفحه مربوطه در یک پنجره جدید یا تب جدید باید باز شود. این مدل مفید است برای ارسال کاربر به یک صفحه جدید تا صفحه فعلی باز نماند.

  3. _parent: این مدل مشخص می‌کند که صفحه مربوطه در پنجره‌ی والد (parent window) فعلی باید باز شود. این مدل معمولاً برای صفحاتی که در یک فریم (frame) قرار دارند، مفید است.

  4. _top: این مدل مشخص می‌کند که صفحه مربوطه در پنجره‌ی بالایی سلسله مراتب پنجره‌ها (top-level window) باید باز شود. این مدل نیز برای صفحاتی که در فریم‌ها قرار دارند، مفید است.

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

استفاده از مسیر پایه (Use of Base Path)

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

مثال:

<base href="https://www.example.com/">
<a href="documents/example.pdf">Download PDF</a>

پیوندهای دانلود (Download Links)

لینک‌های دانلود به کاربران اجازه می‌دهند تا فایل‌ها را به کامپیوتر خود دانلود کنند. شما می‌توانید این لینک‌ها را با استفاده از تگ <a> و اضافه کردن ویژگی download به آن‌ها بسازید.

مثال:

<a href="documents/example.pdf" download>Download PDF</a>

در این مثال، با کلیک بر روی متن “Download PDF”، فایل PDF به نام “example.pdf” دانلود می‌شود.

پست های مرتبط

مطالعه این پست ها رو از دست ندین!
JavaScript - رویدادها (Events)

JavaScript – رویدادها (Events)

رویدادهای HTML رویدادها در HTML، “اتفاقاتی” هستند که برای عناصر HTML رخ می‌دهند. این اتفاقات می‌توانند ناشی از کار...

بیشتر بخوانید
JavaScript - سازنده‌های شیء (Object Constructors)

JavaScript – سازنده‌های شیء (Object Constructors)

ساخت آبجکت با تابع سازنده (Object Constructor Function) برای ساخت چندین آبجکت مشابه، از تابع سازنده استفاده می‌شود. این...

بیشتر بخوانید
JavaScript - نمایش شیء (Object Display)

JavaScript – نمایش شیء (Object Display)

نحوه نمایش آبجکت‌ها در جاوااسکریپت هنگام نمایش یک آبجکت جاوااسکریپت به صورت مستقیم، خروجی معمولاً به شکل [object Object]...

بیشتر بخوانید

نظرات

سوالات و نظراتتون رو با ما به اشتراک بذارید

برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید.