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 - تاریخ‌ها (Dates)

JavaScript – تاریخ‌ها (Dates)

آبجکت‌های تاریخ (Date) در جاوااسکریپت آبجکت‌های تاریخ در جاوااسکریپت به ما امکان کار با تاریخ و زمان را می‌دهند....

بیشتر بخوانید
JavaScript - آرایه‌های ثابت (Array Const)

JavaScript – آرایه‌های ثابت (Array Const)

جاوااسکریپت: تعریف آرایه با const در سال 2015، جاوااسکریپت کلمه کلیدی مهمی به نام const را معرفی کرد. این...

بیشتر بخوانید
JavaScript - تکرار آرایه‌ها (Array Iteration)

JavaScript – تکرار آرایه‌ها (Array Iteration)

جاوا اسکریپت: تکرار بر روی آرایه‌ها جاوا اسکریپت روش‌های مختلفی برای تکرار (Iteration) بر روی آرایه‌ها ارائه می‌دهد که...

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

نظرات

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

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