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

HTML Head Element عنصر head في لغة HTML

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

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

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

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

عنصر <head>: يُعتبر عنصر <head> مجموعة من العناصر التي تحتوي على معلومات أو إعدادات خاصة بصفحة HTML، وهو يصف عناصر البيانات الوصفية للمستند [document metadata elements]. يحتوي جزء الرأس في الصفحة <head> على معلومات يمكن قراءتها من قبل المتصفحات ومحركات البحث.

أين يُكتب عنصر <head>:

  • يُكتب دائمًا داخل عنصر html، وهو العنصر الأول غالبًا.

  • عنصر <head> هو من نوع العناصر المُتداخلة nested elements، ولا يمكن أن يتكرر داخل صفحة HTML.


وظيفة عنصر <head>:

  • يحتوي على عنصر title الذي يحدد عنوان الصفحة في المتصفح.

  • يضيف بيانات وصفية للصفحة تُقرأ آليًا، مثل العنوان والوصف والصورة المعبرة.

  • يساعد على وصف المستند للمتصفح ومحركات البحث؛ وجود البيانات الوصفية لا يضمن ترتيبًا محددًا.

  • يوفر بيانات يمكن قراءتها من قبل التطبيقات الآلية للتعرف على محتوى الصفحة.


لاستخدام عنصر <head> بشكل صحيح، يجب اتباع التالي:

  • لا يجوز تكرار عنصر <head> في صفحة HTML.

  • يجب أن يكون <head> عنصراً متداخلاً داخل <html>.

  • لا يمكن أن يسبق أي عنصر آخر داخل <html>.

  • يجب أن يكون <head> قبل <body>.

  • في صفحة HTML عادية مستقلة يحتوي head على title واحد؛ توجد استثناءات محددة مثل iframe srcdoc أو توفير العنوان عبر بروتوكول أعلى.
عنصر head في لغة HTML

Head Element Structure

يُكتب عنصر head بهذا الشكل:

عبارة Content Here في المقطع توضيحية لموضع عناصر metadata، وليست نصًا عاديًا يوضع داخل head في مستند نهائي.

HTML
<head>
    ... Content Here
</head>

Example Head Element

هذه خطوة تبني head داخل html؛ المثال يتركه فارغًا مؤقتًا. سنضيف title في الخطوة التالية لإكمال المستند.

HTML
<!DOCTYPE html>
<html>
    <head>
       
    </head>
</html>