وسم head

هذا الدرس سيقوم بشرح وسم الرأس والذي سيوضح لك كل الأشياء التي يمكن إضافتها الي عنصر head

<title>

يقوم هذا الوسم بتعريف العنوان الخاص بالصفحة وهو مفيد للتميز بين الصفحات ولدي محركات البحث ومشاركة الروابط

<!DOCTYPE html>
<html>
<head>
<title>عنوان الصفحة</title>
</head>
<body>
<h1>هذا هو اول عنوان رئيسي</h1>
<p>هذه اول قطعة لي</p>
</body>
</html>

<meta>

تصف العلامة <meta> الكثير من البيانات ف تستطيع حمل معلومات المؤلف ووصف للصفحة وتنسيق الصفحة ومعلومات اخري لمواقع التواصل الاجتماعي واعدادات الصفحة والتناسق مع الشاشات والمزيد من الإعدادات …

الاسم الوصف
Nameالاسم يمكن ان يشمل إي شيء حيث يحمل اسم البيانات التي ستقوم بإدخالها مثل اسم المؤلف أو وصف الصفحة أو تحديثها أو أخر مره تم تحديث الصفحة وما شابة من بيانات
charsetيحدد ترميز الأحرف لمستند HTML
contentيحدد قيمة الخاصية التي قمت بذكرها
schemeيحدد مخطط لتفسير قيمة الخاصية
http-equivيحدد الأعمال التي يتم تطبيقها علي الصفحة مثل تحديثها او إعادة توجيه الصفحة أو إي من ذلك

مثل :

يستخدم هذا المثال لاخبار محركات البحث بالكلمات الدلالية او الكلمات زات الصلة بموضوع الصفحة

<meta name="keywords" content="html مرحبا, تعلم">

هذا يحدد وصف للصفحة

<meta name="description" content="تعلم البرمجة بسهولة">

هذا يحدد ترميز الصفحة utf-8 ويدعم هذا الترميز اللغه العربية

<meta charset="UTF-8">

يقوم هذا بحل مشكلة اللغة العربية في html


يقوم المثال التالي بعمل تحديث للصفحة كل 12 ثانية

<meta http-equiv="refresh" content="12">

الشكل النهائي ل meta يكون في هذا الشكل

<!DOCTYPE html>
<html>

<head>
  <title>اول صفحة لي </title>
<!-- يستخدم لدعم اللغة العربية وما شابة  -->
  <meta charset="UTF-8">
  <!-- يستخدم لاضافة وصف لصفحتك  -->
  <meta name="description" content="تعلم البرمجة بسهولة">
    <!-- يستخدم لاضافة كلمات مفتاحية او دلالية  -->
  <meta name="keywords" content="html مرحبا, تعلم">
      <!-- يستخدم لتحديث الصفحة كل 12 ثانية يمكنك تغيير هذا الرقم -->
  <meta http-equiv="refresh" content="12">
</head>
<body>
  <p>مرحبا <p>
</body>
</html>

المزيد عن meta

revised

حسنا ولنفرض اننا نريد ان نضع تاريخ اخر مره قمنا بتحديث هذه الصفحة او هذا المستند لترك نوع من التعريف للمتصفحات
يمكننا فعلها بواسطة هذه الطريقة revised

<meta name = "revised" content="عرب سكول, 31/1/2020">

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.