آموزش تگ base در HTML

آموزش تگ base در HTML

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

1. توضیح مفهومی تگ base در HTML

تگ <base> در HTML برای تعیین URL پایه برای همه لینک‌ها و منابع دیگر در صفحه وب استفاده می‌شود. این تگ معمولاً در قسمت <head> از صفحه وب قرار می‌گیرد و به مرورگر اطلاع می‌دهد که از کجا باید منابع را بارگیری کند.

2. ویژگی‌های تگ base

تگ <base> دارای ویژگی‌های زیر است:

  • href: این ویژگی برای تعیین URL پایه استفاده می‌شود.

3. نحوه استفاده از تگ base

<head>
    <base href="https://www.example.com/">
</head>

4. مثال کاربردی

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Example Page</title>
    <base href="https://www.example.com/">
</head>
<body>
    <a href="about">About Us</a>
    <img src="images/logo.png" alt="Logo">
</body>
</html>

5. توضیحات

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

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

پست های مرتبط

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

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

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

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

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

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

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

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

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

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

نظرات

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

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