آموزش تگ title در HTML
تگ <title> در HTML برای تعیین عنوان یک صفحه وب استفاده می‌شود. محتوای قرار داده شده در این تگ در نوار عنوان مرورگر نمایش داده می‌شود. توضیحات و مثال‌های زیر به شما کمک می‌کند تا از نحوه استفاده از این تگ به درستی آگاه شوید.
1. تعیین عنوان اساسی
در این مثال، عنوان صفحه تعیین شده است که در نوار عنوان مرورگر نمایش داده می‌شود.
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. تعیین عنوان بر اساس متغیرها
در این مثال، عنوان صفحه به عنوان “عنوان صفحه” با افزودن “نام وبسایت” ترکیب شده است.
4. استفاده از ویژگی dir برای تعیین جهت متن
در این مثال، ما جهت متن را به صورت راست به چپ (rtl) تعیین کرده‌ایم تا با زبان فارسی سازگار شود.
تگ <title> یکی از مهم‌ترین عناصر HTML است که عنوان یک صفحه را تعیین می‌کند. با استفاده از این تگ، می‌توانید عنوان مناسبی برای صفحه‌های خود تعیین کنید که برای موتورهای جستجو و کاربران بسیار مهم است.
برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید. صفحه ورود و ثبت نام