انتقل إلى محتوى الدرس

HTML Title Element عنصر Title في لغة HTML

في هذا الدرس، سنتعرف على كيفية إنشاء أول وثيقة HTML من خلال استكشاف العناصر الأساسية مثل HTML DOCTYPE Element لتعريف المستند، وHTML Root Element الذي يحتوي على كل مكونات الصفحة. سنتناول أيضًا أهمية HTML Head Element وHTML Title Element في تحديد البيانات الوصفية والعنوان، بالإضافة إلى HTML Body Element الذي يضم المحتوى المرئي للصفحة.

1 صفوف تعليمية
لغة HTML
8,521 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

عنصر title يُستخدم لتحديد عنوان مستند HTML، الذي يُعرض في شريط العنوان أو في علامة تبويب المتصفح [tab]. يتضمن title نصًا لا عناصر تنسيق. يحلل المتصفح مراجع المحارف مثل &، وينهي المحتوى عند وسم إغلاق title الصحيح؛ لذلك لا يعني ذلك أن كل نص يشبه الوسوم يعرض حرفيًا دون استثناء. ولكن الرموز الأخرى مثل [$] و[#] تظهر بشكل عادي في العنوان.

أين يكتب عنصر title؟

  • يكتب عنصر title دائمًا داخل عنصر head، وهو عنصر مُتداخل nested element.

وظيفة عنصر title:

  • يستخدم لوضع عنوان لصفحة الويب على المتصفح، وذلك لكي يساعد المستخدمين في التعرف على أسماء صفحات الويب المفتوحة حاليًا على المتصفح.

  • يساعد محركات البحث في قراءة عناوين ومحتوى صفحة الويب، ويساعد على تمييز نتيجة البحث، دون ضمان الوصول إلى مقدمة النتائج.

استخدام عنصر title بطريقة صحيحة:

  • يجب أن يصف عنصر العنوان title اسم الصفحة، فمثلًا الصفحة الرئيسية Home Page.

  • يُفضل استخدام علامة dash [-] أو علامة [|] إذا كان هناك صفحات فرعية أو يحتوي العنصر على أكثر من كلمة، مثال: [ CloseTag | Home Page ].

  • يمكن أن يتضمن العنوان اسم الموقع أو التطبيق بصورة مختصرة عندما يساعد على التمييز، مثال [ CloseTag | Home Page ].

  • تجنب وضع قائمة من الكلمات مثل أسماء الدورات، ولكن قم بكتابة اسم الدورة أو اسم الدرس فقط، على سبيل المثال: [ CloseTag | Courses | HTML ].

  • يجب عليك اختيار اسم مختلف وغير مكرر لكل صفحة من صفحات موقع الويب.
عنصر Title في لغة HTML

Example Title Element

مثال على طريقة كتابة عنصر title element.

HTML
<title> Closetag | Home Page </title>

Title Element Syntax

طريقة كتابة عنصر title يحتوي بداخله نصوص فقط.

HTML
<!DOCTYPE html>
<html>
    <head>
        <title> Closetag | Home Page </title>
    </head>
</html>