هيكل ودلالات HTML5 (4): العناصر المضمنة من الدلالات

التعليق: يستخدم HTML4 5 عناصر مختلفة مضمنة لتمثيل رموز الكمبيوتر المختلفة قليلاً: VAR و CODE و KBD و TT و SAMP. ومع ذلك ، لا يمكن أن تمثل القيم العددية الأساسية مثل الوقت والأرقام. يوفر HTML5 العديد من العناصر المضمنة الجديدة لتلبية احتياجات المؤلفين غير الفنيين. عنصر M يعني أن النص قد تم تمييزه ، لكن لا يجب التأكيد عليه. فكر في الأمر على أنه بارز في كتاب

م

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

thegreat <M> البلشوم </m> (alsoknownasthe

American <m> egret </m>) IsalargeWhiteWadingBirdfoundWorldwide.

thegreat <m> البلشوم </m> flieswithslowwingbeats.the

الاسم العلمي لـ Great <M> البلشوم </m> هو <i> Casmerodius

Albus </i>.

هناك جدل حاليا حول اسم هذا العنصر. قد يتغير من M إلى علامة قبل إصدار المواصفات.

وقت

يمثل عنصر الوقت قيمة زمنية ، مثل 5:35 مساءً ، est ، april23،2007. على سبيل المثال:

<p> iamwriting thisexampleat

<time> 5:35 pm.

</p>

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

<p> iamwriting thisexampleat

<imedateTime = 2007-04-23T17: 35: 00-05: 00> 5:35 pm.

</p>

قد تكون قيم الوقت المناسبة لقراءة الجهاز مفيدة لمحركات البحث وبرامج التقويم ، إلخ.

متر

يمثل عنصر العداد قيمة رقمية ضمن النطاق المحدد. على سبيل المثال ، يمكن استخدامه لتمثيل الراتب ، النسبة المئوية للناخبين الفرنسيين الذين صوتوا لصالح Lepen ، أو درجات الاختبار. هنا ، أستخدم Meter للاحتفال بالبيانات التي يقدمها مبرمج Google على Softwaredevelopment 2007:

<p> AnentryLevelProgrammerinsiliconvalley

CanExpectTostArtArtaround <meter> 90،000 دولار </meter> peryear.

</p>

يساعد عنصر العداد المتصفحات والعملاء الآخرين في تحديد عدد صفحات HTML. لا يتطلب تطبيق أي تنسيق محدد على محتوى العنصر. ومع ذلك ، يمكن أن يكون لكل عنصر من عناصر ما يصل إلى 6 سمات ، والتي تمثل هذا الرقم في شكل أكثر ملاءمة للتعرف على الجهاز:

قيمة

دقيقة

قليل

عالي

الأعلى

الأمثل

يجب أن تحتوي هذه الخصائص على رقم عشري. على سبيل المثال ، يمكن كتابة درجة الامتحان النهائي على النحو التالي:

<p> Yourscorewas

<metervalue = 88.7min = 0max = 100low = 65high = 96Optimum = 100> b </meter>.

</p>

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

تقدم

يمثل عنصر التقدم حالة العملية المستمرة ، مثل شريط التقدم في تطبيق واجهة المستخدم الرسومية (GUI). على سبيل المثال ، يمكن استخدامه لتمثيل النسبة المئوية للملف الذي تم تنزيله أو الموقع الحالي عند تشغيل الفيلم. يشير التحكم في التقدم التالي إلى أن التنزيل قد تم الانتهاء منه بنسبة 33 ٪:

<p> تم تنزيله:

<progressValue = 1534602Max = 4603807> 33 ٪ </progress>

</p>

تشير سمة القيمة إلى الحالة الحالية للعملية. تشير سمة MAX إلى إجمالي كمية العمليات. يشير هذا العنصر إلى أن المبلغ الإجمالي للبيانات المراد تنزيله هو 4،603،807 بايت ، وتم تنزيل 1،534،602 بايت.

تجاهل سمة MAX ويمكنك عرض تقدم لا حصر له.

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

(يتبع)