HTMLالوسم <title>
- تعريفه
- دعم المتصفحات
- خصائصه
- إستخدامه
- تصميمه الإفتراضي
- نصائح و ملاحظات
تعريفه
نستخدم الوسم <title> بداخل الوسم <head> لتحديد عنوان الصفحة الذي سيظهر في تبويب المتصفح
إن لم تضع عنوان للصفحة بداخل هذا الوسم فإن إسم ملف الذي يحتوي كود الصفحة هو ما سيظهر في تبويب المتصفح و هذا سيء للغاية بالنسبة للمستخدم و بالنسبة لمحركات البحث.
دعم المتصفحات
الجدول التالي يظهر المتصفحات التي تدعم الوسم <title>.
| Chrome | Edge | Firefox | Opera | Safari | Android Webview |
Chrome for Android |
Firefox for Android |
Opera for Android |
Safari for IOS |
Samsung Internet |
| 1 | 12 | 1 | مدعوم | 1 | مدعوم | مدعوم | 4 | مدعوم | مدعوم | مدعوم |
خصائصه
لا يملك أي خصائص تم إعدادها خصيصاً له.
إستخدامه
في المثال التالي قمنا بإضافة عنوان للصفحة بواسطة الوسوم <title>.
مثال
<!DOCTYPE html>
<html>
<head>
<title>I am changed</title>
</head>
</html>
<!DOCTYPE html>
<html>
<head>
<title>I am changed</title>
</head>
</html>
تصميمه الإفتراضي
بشكل عام جميع المتصفحات تعرضه بالتنسيق التالي.
title {
display: none;
}
title {
display: none;
}
نصائح و ملاحظات
- النص الذي تضعه بداخل الوسم <title> مهم جداً بالنسبة لمحركات البحث، لهذا حاول استخدام عنوان قد يبحث عنه المستخدم.
- محركات البحث تظهر حوالي 50-60 حرف من النص الموضوع بداخل الوسم <title> و ليس كله إن كان أكبر من ذلك.
- لا تقم بوضع أكثر من <title> في نفس الصفحة.
