Header Ads

عناصر رأس الصفحة 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> يحدد معلومات تصميم صفحة الويب





يتم التشغيل بواسطة Blogger.