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> في نفس الصفحة.
