عناصر رأس الصفحة head

يجمع رأس الصفحة الكثير من وسوم الرأس التي تعتبر من أهم عناصر الصفحة . يمكن أن يتضمن داخل وسم الرأس <head> العديد من العناصر كالسربتات وتحديد مكان ملف التصميم ومعلومات الموقع والكثير
يمكن ادخال هذه الوسوم التالية الى داخل وسم الرأس <head> :

  • عنوان الموقع <title>
  • المصدر <base>
  • رابط خارجي <linl>
  • ماوراء الموقع <meta>
  • سكربت <script>
  • تصميم داخلي للصفحة <style>

وسم عنوان الموقع <title>

يعرف الوسم <title> عنوان الصفحة
يعتبر وسم العنوان <title> مطلوباً وضرورياً لجميع اصدارات صفحات HTML / XHTML
وسم عنوان الصفحة <title>

  • يعرف عنوان الصفحة التي تظهر في شريط المتصفح
  • يقدم عنوان الصفحة عند القيام بحفظها في المفضلة لديك
  • يقدم عنوان الصفحة عند البحث عنها في محركات البحث

مثال عن صفحة ويب بسيطة

<html>
<head>
<title>عنوان صفحة الويب هنا</title>
</head><body>
محتوى الموقع هنا
</body>
</html>

وسم مصدر العنصر <base>

يحدد وسم <base> الرابط المصدري التي تتحول اليه جميع ملفاتك في الصفحة

<head>
<base href="http://www.example.com/images/" />
<base target="_blank" />
</head>

وسم الرابط <link>

يحدد وسم الرابط <link> العلاقة بين صفحة الويب و ملفات خارجية أخرى .
في أغلب الأحيان يستخدم الرابط <link> لربط ملف تصميم خارجي

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>

وسم التصميم <style>

يستخدم وسم التصميم <style> لتحديد معلومات التصميم لصفحة HTML
يمكن تحديد داخل وسم التصميم <style> الأكواد التي تريد تطبيقها على صفحة الويب

<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>

وسم ماوراء الموقع <meta>

يقدم وسم <meta> معلومات اضافية عن صفحة HTML مثل شرح للموقع , كلمات دلالية , تحديث صفحة .
سيتم شرح عناصر meta في الدرس القادم


وسم سكربت <script>

يستخدم وسم السكربت <script> لتحديد العلاقة مع المستخدم مثل لغة جافاسكربت JavaScript
سيتم شرح وسم <script> في دروس قادمة


الوسوم المتعلقة بقسم <head>

  • <head> يحدد معلومات معينة عن صفحة الويب
  • <title> يحدد عنوان الصفحة
  • <base /> يحدد العنوان الافتراضي او الرابط الذي ستذهب اليه جميع الروابط والملفات
  • <link /> يحدد العلاقة بين الصفحة وبين ملفات خارجية أخرى
  • <meta /> يحدد معلومات ماوراء صفحة الويب
  • <script> يحدد العلاقة مع المستخدم (الزائر)
  • <style> يحدد معلومات تصميم صفحة الويب