آموزش تگ 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 است که عنوان یک صفحه را تعیین می‌کند. با استفاده از این تگ، می‌توانید عنوان مناسبی برای صفحه‌های خود تعیین کنید که برای موتورهای جستجو و کاربران بسیار مهم است.
برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید. صفحه ورود و ثبت نام