بسم الله الرحمن الرحيم
مرحبا بكم من جديد في دورة html
اليوم سنتعلم درس جديد .. قد مر علينا مسبقا وقمت بتاجيلة لتخصيص له درس منفرد لاهميته
اليوم سنتكلم عن <head> دائما ما ندعه فارغ ولكن من الان سنتعلم كيفية استخدامة ^^
رأس الصفحة “head”
.هو أمر رأس الصفحة “head” والذي يقدم معلومات حول الصفحة للمتصفح
وهذة المعلومات تعد مهمه ورئيسيه في بناء موقعك
يستخدم الوسم head لكتابة تفاصيل الصفحة, واستدعاء السكربتات المطلوبة في الصفحة و أنماط التطريز css وأشياء أخرى. لا يجب ان نخوض اليها الان
لناخذ مثال ونتعرف الان علي عنصر جديد يسمي
title والمقصود به هو عنوان الصفحة ويظهر فيراس المتصفح دائما
لنقوم بتجربة ذلك
النتيجة ستكون هكذا ولكن من فضلك قم بالتجربة بنفسك
سنتعرف علي مجموعه عناصر مهمه وتسمي
Meta tag
محتوى وسم meta لن يظهر في الصفحة, لكنه مفيد بشكل كبير. لكتابة معلومات عن الصفحة مثل اسم الكاتب, وصف الصفحة والترميز بحيث يمكن لمحركات البحث و برامج أخرى أن تستفيد من هذه المعلومات بعدة طرق. مثل صفة description والتي سيظهر محتواها اسفل عنوان الصفحة في محركات البحث.
ومن أهم الأشياء التي يجب تحديدها الترميز, ليعرف المتصفح كيف يعرض الحروف الموجودة في الصفحة. وكثيراً ماتظهر بعض المواقع بحروف غريبة غير مفهومة بسبب عدم تحديد ترميز الصفحة من قِبل المبرمج.
كلمة ميتا اصلها كلمة يونانية وتعني ماوراء , او الشيئ الخفي. ومن هنا اتت كلمات مثل ميتافيزيقيا (علم الماورائيات).
الان سناخذ امثلة مباشرة وكيفيه استخدام وسوم meta
keywords وهو يختص بالكلمات المفتاحية التي تجمعها محركات البحث فمثال اذا كتبت في المحتوي بهذا الوصف كلمه html سيعرف محرك البحث اذا بهذا واذا بحثت عن html يظهر موقعك في نتائج البحث وربما لا يظهر لاسباب سنتعلمها لاحقا وتكتب في شكل كلمات مفصولة بفاصلة ،
outhor , وهي اسم الكاتب او اسم الناشر وفي الغالب تستخدم فقط في المواقع الخاص التي ينشر بها شخص واحد فقط
description والتي سيظهر محتواها اسفل عنوان الصفحة في محركات البحث.
charset وهو ترميز الموقع وافضل ترميز هو UTF-8 ربما كنت تتصفح الانترنت في احدي الايام فوجدت موقع لغته غريبة وغير مفهومة وربما صادفت ذلك اثناء الدورة عند استخدام اللغه العربية .. هذا الوصف يجعل كل الامور طبيعية
refresh هذا الامر يقوم بتحديث الصفحة كل 30 ثانية ويمكن تغيير القيمة لما تحب من الثواني يستخدم في حالات مخصصة سنتعلمها فيما بعد
ننتهي الان من اهم وصوف meta وربما سنتعرض وصوف اخري في مرحلة متقدمة
الان سنتعلم الوصف
link في الغالب بستخدم لتعريف علاقة ملف آخر بالمستند الحالي. يستخدم هذا الوسم في الغالب لإضافة ملفات css وسنتطرق اليها لاحقا ويستخدم ايضا لتحديد ايقونة مصغرة للموقع تظهر بجانب اسم الموقع بالمتصفح
سنشرح هذة الامور بالتفصيل لاحقا مع تمرينات اخري
ولكن ساضع لك مثالا بسيط لتعريف علاقه ملف واضافة ايقونة للموقع
type لتحديد نوع الملف المرفق
rel تستخدم لتحديد نوعية العلاقة بين المستند والمطلوب
في نهايه المطاف احب ان اطمئن قلبك قليلا
واجهت اليوم عناصر و وسمات جديده وربما لم نقم بشرحها بالتفصيل
يتبقي قليلا من الوقت وستتعلم كل شئ عن اللغه السهلة html
ما لم اشرحة لا تجهد نفسك في محاولة فهمه ساقوم بشرح وتوضيع امور كثيرة لاحقا
ولكن تذكر ما قمت بشرحة جيدا وقم بحفظ ما تتعلمة ربما فيما بعد اقوم بشرح درس مبني علي درس سابق
مرن يدك علي الكتابة واحفظ جميع الاكواد الذي تعلماها
الي اللقاء في الدرس القادم
