نوشتن نظر کلیک کنید

آموزش تگ title در HTML

آخرین بروزرسانی: ۱۱ فروردین ۱۴۰۳

آموزش تگ title در HTML

تگ <title> در HTML برای تعیین عنوان یک صفحه وب استفاده می‌شود. محتوای قرار داده شده در این تگ در نوار عنوان مرورگر نمایش داده می‌شود. توضیحات و مثال‌های زیر به شما کمک می‌کند تا از نحوه استفاده از این تگ به درستی آگاه شوید.

1. تعیین عنوان اساسی

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>عنوان صفحه</title>
</head>
<body>
    <h1>محتوای صفحه</h1>
    <p>این یک صفحه نمونه است.</p>
</body>
</html>

در این مثال، عنوان صفحه تعیین شده است که در نوار عنوان مرورگر نمایش داده می‌شود.

2. تغییر عنوان با استفاده از اسکریپت

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title id="pageTitle">عنوان صفحه</title>
    <script>
        document.getElementById("pageTitle").innerText = "عنوان جدید";
    </script>
</head>
<body>
    <h1>محتوای صفحه</h1>
    <p>این یک صفحه نمونه است.</p>
</body>
</html>

در این مثال، ما از جاوااسکریپت برای تغییر عنوان صفحه استفاده کرده‌ایم. با استفاده از DOM، عنوان صفحه به “عنوان جدید” تغییر می‌یابد.

3. تعیین عنوان بر اساس متغیرها

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>عنوان صفحه | نام وبسایت</title>
</head>
<body>
    <h1>محتوای صفحه</h1>
    <p>این یک صفحه نمونه است.</p>
</body>
</html>

در این مثال، عنوان صفحه به عنوان “عنوان صفحه” با افزودن “نام وبسایت” ترکیب شده است.

4. استفاده از ویژگی dir برای تعیین جهت متن

<!DOCTYPE html>
<html lang="fa">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title dir="rtl">عنوان صفحه</title>
</head>
<body>
    <h1>محتوای صفحه</h1>
    <p>این یک صفحه نمونه است.</p>
</body>
</html>

در این مثال، ما جهت متن را به صورت راست به چپ (rtl) تعیین کرده‌ایم تا با زبان فارسی سازگار شود.

تگ <title> یکی از مهم‌ترین عناصر HTML است که عنوان یک صفحه را تعیین می‌کند. با استفاده از این تگ، می‌توانید عنوان مناسبی برای صفحه‌های خود تعیین کنید که برای موتورهای جستجو و کاربران بسیار مهم است.

آموزش تگ title در HTML

آموزش تگ title در HTML

1. تعیین عنوان اساسی

2. تغییر عنوان با استفاده از اسکریپت

3. تعیین عنوان بر اساس متغیرها

4. استفاده از ویژگی dir برای تعیین جهت متن

پست های مرتبط

مطالعه این پست ها رو از دست ندین!

نظرات

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

آموزش تگ title در HTML

آموزش تگ title در HTML

1. تعیین عنوان اساسی

2. تغییر عنوان با استفاده از اسکریپت

3. تعیین عنوان بر اساس متغیرها

4. استفاده از ویژگی dir برای تعیین جهت متن

پست های مرتبط

مطالعه این پست ها رو از دست ندین!

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

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

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

نظرات

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