لقد قمت مؤخرًا بدراسة التنسيقات الدقيقة واكتسبت الكثير في عملية التعلم. شاركها هنا ومرحبا بكم في التواصل!
مزايا التنسيق الصغير:
أسماء فئات HTML وCSS الدلالية لتمييز المحتوى المشترك.
سلسلة من الأساليب القياسية التي تمكن الآلات من قراءة وفهم البيانات التي قد لا يفهمها سوى البشر.
تسمح التنسيقات الدقيقة بدمج المحتوى الموجود على موقع الويب بسهولة مع التطبيقات الأخرى، وبالتالي زيادة استخدام المعلومات.
القواعد الأساسية لتنسيقات hCalendar الدقيقة:
يتم وصف الخصائص والخصائص الفرعية حسب الفئات.
تعتمد خصائص hCalendar المحددة على أسماء خصائص iCalendar مثل:vevent
أسماء السمات والسمات الفرعية حساسة لحالة الأحرف
لا يمكن دمج السمة "الجذر" مع سمات أخرى. على سبيل المثال، <div class=vevent Summary"> غير صالح.
| <dl class="vevent"> <dt>جدولي الشخصي:</dt> <dd> <a href=" http://sports.163.com " class="summary"> <span class="category">السباحة</span></a></dd> <dt>وقت النشاط:</dt> <dd><abbr class="dtstart" title="2009-05-19T18:00:00">05-19</abbr>–<abbr class="dtend" title="2009-06-19T18:00: 00″>06-19</abbr>، <abbr class="duration" title="P4W">يستمر لمدة 4 أسابيع</abbr></dd> <dd class="vcard"> <a class="fn" href=" http://www.ued163.com > <span class="title">تطوير الواجهة الأمامية</span> <span class="locality "> قوانغتشو</span> <span class="org">UED163</span> <a href=" mailto:[email protected] " class="email"> [email protected]</a></ د> </دل> <div class="mytag"> <a href=" http://www.163.com/firefox/ " title="firefox" rel="tag"> فايرفوكس</a> <a href=" http://www.163.com/IE/ " title="IE" rel="tag"> IE</a> <a href=" http://www.163.com/safari/ " title="safari" rel="tag"> رحلات السفاري</a> <a href=" http://www.163.com/chrome/ " title="chrome" rel="tag"> chrome</a> <a href=" http://www.163.com/oprea/ " title="oprea" rel="tag"> oprea</a> </div> <div class="copyright"> <a href=" http://www.ued163.com/ " rel="license"> حقوق الطبع والنشر: UED163</a></div> |
العرض التوضيحي أعلاه أساسي نسبيًا وسهل الفهم، لذا حاول تطبيقه.
وصف سمة الحدث:
معلومات موجزة عن الحدث
نوع فئة الحدث
رابط الحدث URL
dtstart وقت/تاريخ بدء الحدث، الذي يقوم بتشغيل الحدث
المدة مدة الحدث
تعريف معلومات التاريخ/الوقت:
P2Y = يستمر لمدة عامين
P10D = يستمر 10 أيام
P3H = يستمر 3 ساعات
P2W = يستمر لمدة أسبوعين
P8DT8H8M = يستمر 12 يومًا و8 ساعات و8 دقائق
معلومات الاتصال بـ vcard:
قيمة سمة اسم الجدول fn
قيمة سمة البريد الإلكتروني لجدول البريد الإلكتروني
وصف سمة ريج
علامتي: reg="tag"
وصف سمة rel الخاصة بحق استخدام حقوق الطبع والنشر: rel = "license"
الكود أعلاه ينتج التأثير التالي:
اكتشاف المكونات الإضافية لتنسيقات microformat (حاليًا Firefox وSafari فقط):
فايرفوكس: المشغل، تصدير ذيول
سفاري: سفاري ميكروفورماتس
مرجع التنسيقات الدقيقة:
http://www.ablognotlimited.com/articles/getting-semantic-with-microformats-part-4-hcalendar/
http://microformats.org/
امتداد تنسيقات Dreamweaver الدقيقة
http://www.Webstandards.org/action/dwtf/microformats/
النص الأصلي: http://www.ued163.com/?p=459