مدونة الويب 2.0

  • الرئيسية
  • تعريف بالمدونة
  • المصادر
  • تواصل معي
  • أخبار المدونة
  • أفكار
  • استبيان
  • برمجة
  • تصميم
  • تطوير
  • كتب
  • مدونات عربية
  • مهمات
  • مواقع

التنسيق المصغر

29, سبتمبر 2008 التصنيف: تطوير

سمعنا بالتدوين المصغر، لكن التنسيق المصغر أغلبنا لم يسمع به. التنسيق المصغر (Microformat) هو تفكير جديد لإعادة استخدام وسوم HTML و XHTML كطريقة لوضع معلومات داخلهم. هذه الطريقة تسمح للبرامج التي تستطيع التعامل مع التنسيق المصغر بأن تجمع معلومات عن المستخدمين (معلومات الاتصال، الموقع الجغرافي والمواعيد أو المفكرة والكثير أيضاً).

مازال التنسيق المصغر في مراحله الأولى ولكن لاقى الكثير من الترحيب، وقد تم الاتفاق على بعض المعايير ومازال البعض الآخر في طور النقاش.

التنسيق الصغير يستخلص معلوماته بالأغلب من خاصية class (وأيضاً من title, rel) وبهذا يسمح للبرامج باستخلاص معلوماتك بشكل أتوماتيكي ووفقاً للمعاير الخاصة به. سنأخذ مثالاً بسيطاً يوضح لنا كيف نصنع بطاقة شخصية بدقائق:

<div class="vcard">
	<div class="fn">Khaled Al Hourani</div>
	<div class="org">Holooli</div>
	<div class="tel">=963-955-153205</div>
	<a class="url" href="http://holooli.com/">http://holooli.com/</a>
</div>

لاحظ أن في div الرئيسية أعطينا قيمة للـ class وهي vcard، وهذه الكلمة ثابتة لتدل على أن مابداخل هذا الوسم هي بطاقتك الشخصية. ويسمى هذا التنسيق الصغير بـ hCard وهي اختصار لـ (HTML Card).
في أول div داخلية نعطي لخاصية class قيمة fn وهي اختصار لـ (formatted name). وفي باقي div أظن أن كل شيء مفهوم، فالثانية تشير لاسم شركتك أو منظمتك، والتي بعدها تشير لرقم الهاتف والأخيرة لعنون موقعك. ولمزيد عن hcard قم بزيارة الموقع الرسمي للتنسيق المصغر.

ومن الاستخدامات المشهورة “المفكرة” أو مايسمى بـ hcalendar وهي اختصار لـ (HTML Calendar)، ومثال سريع عنها:

<div class="vevent">
	<a class="url" href="http://www.holooli.com/">http://www.holooli.com/</a>
	<span class="summary">Web 2.0 Presentation</span>:
	<abbr class="dtstart" title="2007-10-01">October 1</abbr>-
	<abbr class="dtend" title="2008-10-05">5</abbr>,
	at the <span class="location">Al Baramika, Damascus, Syria</span>
</div>

أظن أن الأمور واضحة، فالـ div الكبيرة اعطيناها قيمة vevent لكي نميزها بأنها تنسيق مصغر، وفي أول div بالداخل عنوان الموقع الإلكتروني لمكان الاجتماع الذي سأذهب إليه (لاحظة قيمة url لل class)، وبالثانية ملخص عن هذا الموعد، وبعدها تاريخ البدء والانتهاء من هذا الموعد وفي النهاية المكان. لاتنسى ملاحظة قيمة كل class فهي ثابتة ولايمكنك تغييره، ولمعلومات أكثر عن التنسيق المصغر وللمزيد من الاستخدامات الكثيرة والمتنوعة قم بزيارة الويكي الخاصة بهم.

تصور معي استخدامات التنسيق المصغر وهي كثيرة، فمثلاً أنت في رحلة عمل إلى بلد أجنبي وباستخدام التنسيق المصغر تستطيع معرفة أماكن تواجد رفاقك، وبالتالي من الممكن أن تجد البعض منهم بالقرب منك. للاستعمال التجاري أيضاً من الممكن أن تقوم المحلات باستخدام هذه المعلومات لمعرفة أماكن تواجد الزبائن وبالتالي التواصل معهم بشكل سريع.

بالنهاية أود أن أذكر بأنه يوجد إضافة للفايرفوكس اسمها (Operator) تقوم بقراءة هذه المعلومات من المواقع التي تستعمل التنسيق المصغر وتستطيع تصدير هذه المعلومات للـ Outlook.

شارك هذه التدوينة:
إضافة 'التنسيق المصغر' إلى Del.icio.usإضافة 'التنسيق المصغر' إلى diggإضافة 'التنسيق المصغر' إلى Technoratiإضافة 'التنسيق المصغر' إلى Stumble Uponإضافة 'التنسيق المصغر' إلى Google Bookmarksإضافة 'التنسيق المصغر' إلى FaceBookإضافة 'التنسيق المصغر' إلى MySpaceإضافة 'التنسيق المصغر' إلى Twitterإضافة 'التنسيق المصغر' إلى FriendFeed
الوسوم: أفكار, تدوينات رمضان, تطوير
أرسل هذه التدوينة لصديق أرسل هذه التدوينة لصديق
طباعة هذه التدوينة طباعة هذه التدوينة

    إقرأ أيضاً:

    • أذكار والتحقق من الأحاديث
    • عناوين نظيفة بأقل جهد
    • كيف تحسن مستواك البرمجي
    • أدوات لإدارة المشاريع وتنظيم الوقت
    • أبسط نظام إدارة محتوى CushyCMS

2 تعليق في “التنسيق المصغر”

  1. زائر: 24, أبريل 2009 في 10:00 ص

    في رأيي أنها مضيعة للوقت!

    نعم، قد تتعجب من كلامي، ولكن لنفكر في الموضوع بمنطقية أكثر: لدينا XML والتي عن طريقها من الممكن أن نضع خصائص كما نريد (Semantic)، فلماذا نريد أن نضع مصطلح جديد (Microformat) والذي نوعاً ما سيحد من قدرة المصممين على الإبداع، وفي نفس الوقت يحتاج إلى سنين حتى يتم اعتماده كمعيار (Standard)؟

    أليس من الأفضل استخدام تقنية XML ومشقاتها?


  2. خالد: 24, أبريل 2009 في 1:37 م

    الفكرة هي بدمج هذه التقنية مع اجهزة الملاحة في السيارات وأجهزة الموبايل لسحب المعلومات عن محل معين أو مطعم ما، التنسيق المصغر يعتمد فقط على HTML وأبسط من XML.


شاركنا برأيك؟

الرجاء الكتابة باللغة العربية الفصحى، وإذا كنت تريد كتابة سؤال حاول البحث في غوغل أولاً فغالباً ستجد عنده الخبر اليقين.

  • الأكثر قراءة
  • الأحدث
  • الأرشيف
  • تعلم الكيك وتطوير المواقع بالبيت
  • تنظيم الوقت البرمجي
  • أفكار ومواقع ويب 2 شهيرة
  • مقدمة في CakePHP
  • لماذا غوغل شريرة!
  • الخطوط العربية
  • تصميم قاعدة البيانات
  • هل تريد أن تكسب 1000 دولار؟
  • مواقع عربية بالدروبال
  • موقع الجزيرة الجديد
    1. غوغل، جوجل، كوكل أو قوقل!
    2. دروبال تعلمه بالعربي
    3. تحديثات بالجملة
    4. صفحة 404
    5. مدونة الويب 2.0 في 2010
    6. عن غيوم
    7. وحدة Scrollable Content لدروبال
    8. موقع بدون قاعدة بيانات
    9. دول العالم باللغة العربية
    10. ثيم خفيفة للفايرفوكس
    1. أغسطس 2010
    2. مارس 2010
    3. فبراير 2010
    4. يناير 2010
    5. ديسمبر 2009
    6. سبتمبر 2009
    7. أغسطس 2009
    8. يوليو 2009
    9. يونيو 2009
    10. مايو 2009
    11. مارس 2009
    12. فبراير 2009
    13. يناير 2009
    14. ديسمبر 2008
    15. نوفمبر 2008
    16. أكتوبر 2008
    17. سبتمبر 2008
    18. أغسطس 2008
    19. يوليو 2008
    20. يونيو 2008
    • اشترك بآخر الأخبار RSS

      Feeds Counter

      أو

    • الاستبيان

      هل طورت أو ساعدت بتطوير مشروع مفتوح المصدر؟

      مشاهدة النتيجة

      Loading ... Loading ...
    • أوسمة

      Ajax css IDE jQuery php SEO TinyMCE أخبار المدونة أذكار أطر العمل أفكار إدارة المحتوى إدارة محتوى إضافات استبيان الأجاكس الأمان الاختبارات الآلية الكيك برمجة تحديثات تحميل تدوينات رمضان تصميم تطوير تعريب تعلم الكيك وتطوير المواقع بالبيت تكتيك تنظيم الوقت جوائز حديث دروبال دعاية فايرفوكس فرص عمل كتب مسابقات مهمات مواقع نصائح هندسة برمجيات وورد بريس

    حول المدونة

    • جميع الحقوق محفوظة © 2008-2010 مدونة الويب 2.0.
    • يمكنك نقل المحتويات أو اقتباس أي جزء منها ويفضل ذكر المصدر.
    • من الممكن أن تساعدك خريطة الموقع.

    عروض العمل

    • يمكنك أن تناقشني حول عروض العمل للمدونات أو لمواقع الويب 2.0.
    • أيضاً يمكنك استشارتي في وضع التفاصيل لمدونة أو لفكرة مشروع جديد.
    • سيرتي الذاتية على My Linkedin Profile

    تواصل معي

    • خالد الحوراني مطور ويب 2.0
    • دمشق - سوريا
    • تابع أخباري على My Twitter account
    • أو راسلني فوراً