❮
Programming Basics SQL HTML CSS JavaScript React Python C++ Java JavaFX Swing Problem Solving English English Conversations Computer Fundamentals Linux Learn Typing
❯
عودة للدرس❯ ❮عودة للدرس

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>
جرب الكود

تصميمه الإفتراضي

بشكل عام جميع المتصفحات تعرضه بالتنسيق التالي.

title {
    display: none;
}

نصائح و ملاحظات

  • النص الذي تضعه بداخل الوسم <title> مهم جداً بالنسبة لمحركات البحث، لهذا حاول استخدام عنوان قد يبحث عنه المستخدم.
  • محركات البحث تظهر حوالي 50-60 حرف من النص الموضوع بداخل الوسم <title> و ليس كله إن كان أكبر من ذلك.
  • لا تقم بوضع أكثر من <title> في نفس الصفحة.