تعلم لغة HTML

وسوم HTML: وسوم head في HTML

في هذه التدوينة سنتعرف على وسوم HTML الخاصة بالعنصر head, ولكن قبل البدء في الشرح نود ان نرحب بزوار موقعنا الأعزاء, مرحبا بكم وبارك الله فيكم.

الوسم head في HTML:

يعتبر الوسم head من اهم عناصر HTML, لا تخلو اي صفحة من صفحات HTML من هذا العنصر المهم, للمزد من التفاصيل قم بزيارة هذا المقال.

الوسم meta في HTML:

يمثل العنصر <mate> البيانات الوصفية التي لا يمكن وصفها بعناصر HTML الأخرى, مثل وصف الموقع او اللغة المدعوة على الموقع.

يحتوي الوسم meta على element attributes, من بين هذه الصفات:

<meta charset="" />
<meta name="" content="" />

الصفا charset هي خاصة باللغات المدعومة في الموقع, اذا كنت تريد ان يكون موقعك يدعم كل اللغة اكتب القيمة utf-8.

<meta charset="utf-8" />

الصفا name تمتلك الكثير من القيم, وقيمتها تحدد ما يكتب في الصفا content.

من اهم القيم:

<meta name="description" content="وصف الموقع" />
<meta name="keywords" content="اهم الكلمات المفتاحية للموقع والفصل بينهم بي ," />
<meta name="author" content="اسم المؤلف" />

الوسم style في HTML:

العنصر <style> يحتوى على انماط CSS, التي تنطبق على عناصر HTML الموجودة في القسم body على المستند.

على سبيل المثال:

<style>
  body{
    color:red;
  }
</style>

الوسم title في HTML:

العنصر <title> يعرف عنوان المستند الذي يظهر في الاعلى, للمزيد انظر الى الشفرة التي في الاسفل.

<title>اسم الصفحة</title>

الوسم link في HTML:

الوسم <link> يحدد هذا الوسم الترابط بين المستند الحالي والموارد الخاريجة, عادة يستخدم هذا العنصر في الربط بين مستند HTML و مستندات CSS, كما يستخدم في اشياء اخرى.

يحنوي هذا العنصر على element attributes من بين هذه الصفات:

<link rel="stylesheet" href="مسار الملف او الرابط" />
<link rel="icon" href="مسار الصورة او الرابط" />

الوسم script في HTML:

العنصر <script> يستخدم لتضمين اكواد قابلة لتنفيذ, يستخدم في الغالب لتضمين اكواد جافاسكريبت اي (JAVASCRIPT).

كما يمكن استخدام هذا العنصر لربط بين مستند HTML و مستند JAVASCRIPT, عن طريق attribute تسمى src.

<script>اكواد جافاسكريبت</script>
<script src="مسار ملف جافاسكريبت"></script>

تنبيه: يمكنك كتابة العنصر script اسفل العنصر body, وهي الطريق الافضل.

العناصر المهمة في صفحة HTML:

<DOCTYPE html!>
<html>
  <head>
    <meta charset="utf-8" />
    <title>اسم الصفحة او الموقع</title>
  </head>
  <body>
  </body>
</html>

طريقة كتابة جميع وسوم head في صفحة HTML:

<DOCTYPE html!>
<html>

  <head>
    <meta charset="utf-8" />
    <meta name="description" content="وصف الموقع" />
    <meta name="keywords" content="اهم الكلمات المفتاحية للموقع والفصل بينهم بي ," />
    <style>
      body{
        color:red;
      }
    </style>
    <link rel="stylesheet" href="مسار ملف css" />
    <title>اسم الصفحة او الموقع</title>
  </head>

  <body>


    <script src="مسار ملف جافاسكريبت"></script>
  </body>

</html>

Related Posts

إرسال التعليق