العلامه الوصفيه - ميتاتاج - html meta tag
تعريف الميتاتاج HTML META 


يتم أستخدام علامه (meta ) لتعريف صفحات الانترنت أساسا لأنها معلومات حول البيانات والغرض منه ان تفهم المتصفحات ومحركات البحث محتوى الصفحه على نحو أفضل وبشكل دقيق
HTML META TAG

ومن أستخدامات الشائعه للميتاتاج هو اعداد وصف الصفحه , المؤلف , الكلمات الرئيسيه , عن طريق علامه Meta ومع ذلك هناك عدد من ميتا قدرات العلامات يبدوا ان معظمنا ليسوا على علم بها ولهذا وضعنا فى هذه التدوينه 5 ميزات العلامه الوصفيه التى ربما قد تكون غائبه عنك عند تصميم مواقع فى عالم الانترنت

1- التحكم فى ذاكره التخزين المؤقت للمتصفح 


ببساطه شديده لكى تعرف ما هو التخزين المؤقت للمتصفح انه عندما تقوم بزياره صفحه ويب فانه يخزن هذه الصفحه فى ذاكره التخزين المؤقت التى تجعل من تحميل الصفحه بشكل أسرع فى الزيارات التاليه والمتكرره ومن اشهر المشاكل التى يسببها هذا الاجراء انه لا يتم تحديث الصفحات بشكل سليم مع التغييرات التى قد تحدث عليها وهذا بسبب المتصفح يظهر لك الصفحه المخزنه مؤقتا ولمنع هذا على موقعك يمكنك تعطيل ذاكره التخزين المؤقت للمتصفح بأستخدام علامه meta , لتعطيل التخزين المؤقت للمتصفحات يمكنك أستخدام هذه العلامه
<meta http-equiv="Cache-Control" content="no-store" />
وطبعا هذه العلامه الوصفيه تدعم فايرفوكس والكروم وانترنت أكسبلورر حيث يمكنك أستخدام أكثر من قيم ومواصفات لتعطيل ذاكره التخزين المؤقت على النحو التالى

<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="Pragma" content="no-cache" />
ويمكنك أيضا تعيين تاريخ انتهاء صلاحيه ضمان أن المتصفح سوف تظهر الملف الجديد من الملقم بدلا من ذاكره التخزين المؤقت  وهى كما فى المثال التالى

<meta http-equiv="expires" content="Fri, 18 Jul 2014 1:00:00 GMT" />

وبيانات التعريف أعلاه يعنى ان الملفات تعتبر منتهيه الصلاحيه بعد الوقت والتاريخ المحدد وأذا قمت بتعيينه الى "0" سوف تحقق المتصفح لملستند جديد فى كل زياره

2- اعداد ملفات تعريف الارتباط 


مماثله الى ذاكره التخزين المؤقت  - الكوكيز وهو ملف صغير من البيانات التى يتم تخزينها فى المتصفح بمواقع الانترنت التى قمت بزيارتها ويتم اعاده مواقع الانترنت ملفات تعريف الارتباط لتكييف بعض وظائف الموقع على سبيل مثال التحقق اليومى عند التسوق فى متجر على شبكه الانترنت اذا قمت باضافه عدد قليل من العناصر الى السله طالما كنت قد لا يمكن سحبه , سوف تظل العناصر فى السله حتى ولو كنت قد تركت المتصفح لعده ايام

ولتعيين ملفات تعريف الارتباط فى علامه الميتاتاج يمكنك أستخدام الكود التالى

<meta http-equiv="Set-Cookie" content="name=data; path=path; expires=Day, DD-MMM-YY HH:MM:SS ZONE">

name=data هو الاسم لملفات تعريف الارتباط الذي يحدد القيم التي تم تعيينها في ذلك. path هو مسار المستند. بينما تشير قيمة expired إلى الوقت والتاريخ عندما يتم حذف ملفات تعريف الارتباط من جهاز الكمبيوتر الخاص بك. إذا كنت اترك تاريخ منتهية الصلاحية فارغة، سيتم حذف ملفات تعريف الارتباط بمجرد إنهاء المستعرض.

ونحن كمثال على ذلك، إذا كنا نريد ملفات تعريف الارتباط تنتهي في 31 يناير 2015 يمكن تعيين:

<meta http-equiv="Set-Cookie" content="name=data; path=path; expires=Thursday, 01-Jan-2015 00:00:00 GMT">

3-تحديث صفحات ويب

يمكنك تعيين صفحة تحديث بعد فترة زمنية معينة. ميتا http-يعادل = "تحديث" يحدد مهلة بالثواني للمستعرض قم بتحديث الصفحة تلقائياً. هذه مواصفات meta-tag أدناه سوف تجعل المستعرض تحميل الصفحة كل 5 ثوان.

عرض عادينسخ إلى الحافظةطباعة?
<meta http-equiv="refresh" content="5">
أدناه، يمكنك أن ترى أن يتم تحديث الصفحة تلقائياً بالمتصفح.

4-إعادة توجيه

ونحن أيضا استخدام علامة meta refresh لإعادة توجيه صفحة إلى وجهة معينة. هذا المثال التالي سوف تؤدي بنا إلى example.com بعد نحن عرض الصفحة لمدة 5 ثوان.

عرض عادينسخ إلى الحافظةطباعة?
<meta http-equiv="refresh" content="5; url=http://example.com/">
يمكنك أن ترى أنها تعيش أدناه.

إعادة توجيه الصفحة فورا، تعيينها إلى 0، كما يلي:

عرض عادينسخ إلى الحافظةطباعة?
<meta http-equiv="refresh" content="0; url=http://example.com/">

5. انتقال الصفحة

يمكنك أيضا تطبيق التحولات إلى صفحات الويب الخاصة بك باستخدام meta-tag بطريقة مشابهة إلى PowerPoint. يشبه بناء الجملة لانتقال الصفحة مع علامة meta أدناه:

عرض عادينسخ إلى الحافظةطباعة?
<meta http-equiv="page-enter" content="revealtrans(duration=seconds,transition=num)" />
عرض عادينسخ إلى الحافظةطباعة?
<meta http-equiv="page-exit" content="revealtrans(duration=seconds,transition=num)" />
عرض عادينسخ إلى الحافظةطباعة?
<meta http-equiv="page-enter" content="blendTrans(duration=sec)" />
لاحظ أن هذا يعمل فقط على القديمة Internet Explorer نظراً page-enter و page-exit الاحتكارية ميتا الوسم المواصفات مايكروسوفت. يمكنك تحديد متى سيتم تشغيل الانتقال لاستخدام duration. Transition ينبغي أن يشغل عدد/عدد صحيح بين 0 – 23 التي تشير إلى نوع الانتقال الذي توفره Microsoft. ، في حين < meta http-يعادل = "صفحة إدخال" content="blendTrans(duration=sec)"/> هو قيمة آخر أن يأتي دون نوع انتقال.

تم الموضوع أحبابى

By