15 أسئلة وأجوبة اختبار HTML5

1. سؤال: ما هو إعلان DOCTYPE الصحيح لمستند HTML5؟
خيارات:
أ. {!DOCTYPE HTML}
ب. {!DOCTYPE html}
ج. {html}
د. {DOCTYPE html}
الإجابة الصحيحة: ب
شرح: إعلان DOCTYPE لـ HTML5 هو {!DOCTYPE html}، وهو يحدد نوع المستند ويضمن توافق المتصفح مع معايير HTML5.

2. سؤال: ما هي عناصر HTML5 الدلالية الرئيسية التي تحسن هيكلة الصفحة؟
خيارات:
أ. {div} و {span}
ب. {header} و {footer}
ج. {table} و {tr}
د. {img} و {a}
الإجابة الصحيحة: ب
شرح: عناصر مثل {header} و {footer} توفر هيكلة دلالية أفضل، مما يساعد محركات البحث وبرامج القراءة للمكفوفين على فهم محتوى الصفحة.

3. سؤال: ما هو استخدام عنصر {canvas} في HTML5؟
خيارات:
أ. عرض صور ثابتة
ب. رسم رسومات ديناميكية باستخدام JavaScript
ج. إنشاء جداول بيانات
د. تحميل ملفات الفيديو
الإجابة الصحيحة: ب
شرح: عنصر {canvas} يسمح برسم رسومات وأشكال تفاعلية باستخدام سياق الرسم من خلال JavaScript.

4. سؤال: ما هي أنواع الإدخال الجديدة في نموذج HTML5؟
خيارات:
أ. type=”email” و type=”date”
ب. type=”text” و type=”password”
ج. type=”image” و type=”link”
د. type=”style” و type=”script”
الإجابة الصحيحة: أ
شرح: أنواع مثل type=”email” و type=”date” توفر تحققاً تلقائياً للمدخلات، مما يحسن تجربة المستخدم في النماذج.

5. سؤال: كيف يتم استخدام عنصر {video} في HTML5؟
خيارات:
أ. لعرض صور GIF
ب. لتشغيل فيديوهات مباشرة في الصفحة
ب. لتحميل ملفات PDF
د. لإنشاء روابط خارجية
الإجابة الصحيحة: ب
شرح: عنصر {video} يسمح بتضمين فيديوهات مباشرة مع خيارات التحكم مثل التشغيل والإيقاف دون الحاجة إلى مكونات خارجية.

6. سؤال: ما هو الغرض من سمة “required” في حقل الإدخال HTML5؟
خيارات:
أ. جعل الحقل اختياري
ب. منع إرسال النموذج إذا كان الحقل فارغاً
ج. تغيير لون الحقل
د. إضافة رابط إلى الحقل
الإجابة الصحيحة: ب
شرح: سمة “required” تضمن أن الحقل يجب ملؤه قبل إرسال النموذج، مما يقلل من الأخطاء.

7. سؤال: ما هي خاصية HTML5 لتخزين البيانات محلياً؟
خيارات:
أ. Cookies
ب. Local Storage
ج. Session Storage
د. كلاهما ب و ج
الإجابة الصحيحة: د
شرح: Local Storage و Session Storage يسمحان بتخزين البيانات في جانب العميل دون انتهاء صلاحيتها السريعة، على عكس الكوكيز.

8. سؤال: كيف يتم تنفيذ خاصية الجيولocation في HTML5؟
خيارات:
أ. باستخدام عنصر {map}
ب. باستخدام API Geolocation
ج. باستخدام عنصر {location}
د. باستخدام CSS
الإجابة الصحيحة: ب
شرح: API Geolocation يسمح للموقع بطلب موقع المستخدم باستخدام GPS أو IP، مع الحصول على إذن المستخدم.

9. سؤال: ما هو دور عنصر {article} في HTML5؟
خيارات:
أ. عرض قوائم التنقل
ب. تمثيل محتوى مستقل وقابل لإعادة النشر
ج. إنشاء هيدر الصفحة
د. عرض رسومات
الإجابة الصحيحة: ب
شرح: عنصر {article} يحدد محتوى ذو معنى مستقل، مثل مقالات أو مدونات، مما يعزز الدلالة.

10. سؤال: ما هي سمة “autoplay” في عنصر {audio}؟
خيارات:
أ. تمنع التشغيل التلقائي
ب. تشغل الملف الصوتي تلقائياً عند تحميل الصفحة
ج. تحدد حجم الصوت
د. تقوم بتحميل الملف فقط
الإجابة الصحيحة: ب
شرح: سمة “autoplay” تجعل الملف الصوتي يبدأ التشغيل فور تحميل الصفحة، مع مراعاة سياسات المتصفحات.

11. سؤال: كيف يتم إنشاء قائمة منسدلة في HTML5؟
خيارات:
أ. باستخدام {ul} و {li}
ب. باستخدام {select} و {option}
ج. باستخدام {nav}
د. باستخدام {div}
الإجابة الصحيحة: ب
شرح: عنصر {select} مع {option} يسمح بإنشاء قوائم منسدلة لاختيار خيارات في النماذج.

12. سؤال: ما هو الفرق بين HTML4 و HTML5 في هيكلة الصفحة؟
خيارات:
أ. HTML5 ليس لديه هيكلة
ب. HTML5 يستخدم عناصر دلالية مثل {section} أكثر من HTML4
ج. HTML4 يدعم الرسومات أفضل
د. لا فرق
الإجابة الصحيحة: ب
شرح: HTML5 يقدم عناصر دلالية جديدة مثل {section} و {aside} لتحسين هيكلة الصفحة مقارنة بـ HTML4.

13. سؤال: كيف يتم دعم الرسوم المتجهة في HTML5؟
خيارات:
أ. باستخدام عنصر {img}
ب. باستخدام SVG
ج. باستخدام CSS فقط
د. باستخدام JavaScript فقط
الإجابة الصحيحة: ب
شرح: HTML5 يدعم SVG كعنصر يسمح برسم رسوم متجهة قابلة للتوسع دون فقدان الجودة.

14. سؤال: ما هي خاصية Drag and Drop في HTML5؟
خيارات:
أ. نقل ملفات بين المجلدات
ب. سحب وإسقاط العناصر داخل الصفحة باستخدام JavaScript
ج. تحميل صور فقط
د. تغيير ألوان الصفحة
الإجابة الصحيحة: ب
شرح: خاصية Drag and Drop تسمح للمستخدم بسحب العناصر وإسقاطها، مما يحسن التفاعل في التطبيقات.

15. سؤال: كيف يتم التحقق من صحة النموذج في HTML5؟
خيارات:
أ. باستخدام JavaScript فقط
ب. باستخدام سمات مثل “pattern” و “min”
ج. باستخدام CSS
د. لا يوجد طريقة
الإجابة الصحيحة: ب
شرح: سمات مثل “pattern” و “min” تقوم بفحص المدخلات تلقائياً قبل إرسال النموذج.