بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
السلام عليكم ورحمة الله وبركاته
علامات عدة تكتب ضمن العلامة head ، وهي عدا العلامة title لايظهر محتواها بشكل مباشر ، ةلكن لها تأثير على محتوى الصفحة ككل ، سنتطرق لها حسب النوع.
العلامة الفردية meta
هي علامة تختلف حسب النوع والمحتوى الذي تحمله ، ومنها meta من النوع charset التي نحدد فيها ترميز الموقع واللغات التي تظهر فيه بشكل سليم:
وهذا النوع من الميتا تحمل الترميز العالمي utf-8 الذي يساعد على إظهار كل اللغات بشكل سليم بما فيها اللغة العربية ، وقد يكون utf-16 ، وإذا وضعت لها ترميزا آخر أو لم تضعها أصلا لن تشتغل معك اللغة العربية وستظهر على شكل رموز غير مفهومة.
نوع آخر من الميتا له تأثير على المحتوى هو ما يسمى ب meta refresh ، وتستخدم لتجديد محتوى الموقع بعد مرور ثواني أو دقائق ، تستخدمها المواقع المتجددة في كل لحظة بحيث يتلقى المستخدم كل جديد في حينه:
هذه الميتا الواضحة في الصورة تدفع المتصفح إلى عمل refresh للصفحة كل ثلاث ثواني ، تكتب بهذا الشكل ، وفي content تكتب الثواني ثم فاصلة منقوطة ثم إسم الصفحة التي نحن فيها .
بقيت الميتا المعروفة ب meta name وهي متعددة من حيث النوع وليس لها أي تأثير على المحتوى ، هي فقط مفيدة لمحركات البحث:
وأشهر أنواع هذه الميتا ثلاثة:
author : وفي content نكتب إسم صاحب الموقع أو الكاتب.
description : وفي content نكتب نبذة مختصرة عن الموقع.
keywords : وفي content نكتب الكلمات المفتاحية لمحركات البحث ونفصل بينها بفاصلة أجنبية.
هذه أشهرها وهناك الكثير من الأنواع الأخرى.
العلامة الزوجية script
تضاف لها الخاصية type وتأخذ كقيمة text/javascript ، وبين فتحة العلامة وقفلتها تكتب أكواد الجافاسكريبت، أما إذا كانت الأكواد في ملف خارجي فنضيف خاصية src وتأخذ قيمة المسارالمتواجد فيه ملف الجافاسكريبت:
هذا فقط من أجل المعرفة ، أما التفاصيل ففي دروس الجافاسكريبت.
العلامة الزوجية style
تضاف لها هي الأخرى الخاصية type وتأخذ القيمة text/css ، وضمنها تكتب أكواد css ، وفي حالة وجود الأكواد في ملف خارجي لا نستخدم العلامة style ، ففي هذه الحالة نستدعي الملف باستخدام علامة أخرى فردية هي link سنصل إلى ذكرها :
وتفاصيل هذا في دروس لغة التنسيق css .
العلامة الفردية link
من أهم استخداماتها الإشارة لمسار ملف css خارجي :
ومن استخداماتها أيضا الإشارة لمسار أيقونة الموقع ، تلك الأيقونة التي تظهر إلى جانب title :
والنتيجة:
نكتفي بهذا القدر ، وموعدنا في الدرس القادم إن شاء الله مع أهم ما جاءت به html5 الإصدار الأخير للغة ، وسأشارككم كتابا مهما جدا فيه أهم العلامات الجديدة في html5 .
وفي انتظار ذلك دمتم في رعاية الله وحفظه.