مدونة الويب 2.0

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

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

September 29, 2008 - الاثنين 29 رمضان 1429 التصنيف: تطوير

سمعنا بالتدوين المصغر، لكن التنسيق المصغر أغلبنا لم يسمع به. التنسيق المصغر (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
الوسوم: أفكار, تدوينات رمضان, تطوير
أرسل هذه التدوينة لصديق أرسل هذه التدوينة لصديق
طباعة هذه التدوينة طباعة هذه التدوينة

    إقرأ أيضاً:

    • موضة CMS
    • الفهرس ونكهته الجديدة
    • أذكار والتحقق من الأحاديث
    • عناوين نظيفة بأقل جهد
    • كيف تحسن مستواك البرمجي

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

  1. زائر: April 24, 2009 - الجمعة 29 ربيع الثاني 1430 في 10:00 ص

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

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

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


  2. خالد: April 24, 2009 - الجمعة 29 ربيع الثاني 1430 في 1:37 م

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


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

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

  • الأكثر قراءة
  • الأحدث
  • الأرشيف
  • تعلم الكيك وتطوير المواقع بالبيت
  • أفضل الأدوات لرفع الملفات
  • تنظيم الوقت البرمجي
  • مقدمة في CakePHP
  • أفكار ومواقع ويب 2 شهيرة
  • لماذا غوغل شريرة!
  • الخطوط العربية
  • هل تريد أن تكسب 1000 دولار؟
  • تصميم قاعدة البيانات
  • مواقع عربية بالدروبال
    1. كتب مطلوبة
    2. إصلاح علة أمنية في دروبال 7.3 و 7.4
    3. حل المشكلة أم الترقيع؟
    4. مراجعة كتاب 50 Tips and Tricks for MongoDB Developers
    5. تعريب الوحدات الإضافية
    6. البرامج العربية
    7. تعريب الدروبال 7 – العد التنازلي للنواة
    8. تعريب الدروبال 7 – اليوم الثالث
    9. تعريب الدروبال 7 – اليوم الثاني
    10. تعريب الدروبال 7 – اليوم اﻷول
    11. تعريب الدروبال 7
    1. يونيو 2011
    2. مايو 2011
    3. أبريل 2011
    4. مارس 2011
    5. فبراير 2011
    6. يناير 2011
    7. ديسمبر 2010
    8. نوفمبر 2010
    9. أكتوبر 2010
    10. أغسطس 2010
    11. مارس 2010
    12. فبراير 2010
    13. يناير 2010
    14. ديسمبر 2009
    15. سبتمبر 2009
    16. أغسطس 2009
    17. يوليو 2009
    18. يونيو 2009
    19. مايو 2009
    20. مارس 2009
    21. فبراير 2009
    22. يناير 2009
    23. ديسمبر 2008
    24. نوفمبر 2008
    25. أكتوبر 2008
    26. سبتمبر 2008
    27. أغسطس 2008
    28. يوليو 2008
    29. يونيو 2008
    • اشترك بآخر الأخبار RSS

      Feeds Counter

      أو

    • أشارك بتعريب دروبال 7

    • أراجع كتب Oreilly

      I review for the O'Reilly Blogger Review Program
    • أفضل هدية تقدمها لي

    • تقنية الطماطم

      I Use the Pomodoro Technique
    • عشرون عام لمشروع اللينكس

      I'll be celebrating 20 years of Linux with
The Linux Foundation!
    • وسوم

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

    حول المدونة

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

    عروض العمل

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

    تواصل معي

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

    Switch to our mobile site