اذهب إلى المحتوى

السؤال

Recommended Posts

  • 0
نشر

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

وعناصر دلالية جديدة أي وسوم جديدة تصف معنى المحتوى بشكل أفضل. بدلاً من استخدام وسم <div> لكل شيء، أصبح لدينا:

  • <header>: للجزء العلوي من الصفحة أو القسم.
  • <footer>: للجزء السفلي  من الصفحة.
  • <nav>: لأشرطة التنقل والروابط.
  • <article>: لمحتوى مستقل مثل مقال أو تدوينة.
  • <section>: لتقسيم الصفحة إلى أقسام منطقية.

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

  • type=email: للتأكد من أن النص المدخل بصيغة بريد إلكتروني.
  • type=date: لعرض تقويم لاختيار التاريخ.
  • type=number: لقبول الأرقام فقط.
  • type=range: لإنشاء شريط تمرير.

بجانب إتاحة تخزين البيانات مباشرة على جهاز المستخدم (في المتصفح) باستخدام تقنيات مثل Local Storage و Session Storage، الأمر الذي سمح بإنشاء تطبيقات ويب يمكنها العمل حتى عند انقطاع الاتصال بالإنترنت، وتحميلها بشكل أسرع.

وواجهات برمجة تطبيقات متقدمة (APIs) للمبرمجين:

  • Geolocation API: لتحديد الموقع الجغرافي للمستخدم (بعد موافقته).
  • Drag and Drop API: لجعل سحب وإفلات العناصر في الصفحة ممكنًا.
  • Web Workers: لتشغيل أكواد معقدة في الخلفية دون أن تتسبب في تجميد الصفحة.
  • 0
نشر

السلام عليكم ورحمة الله تعالى وبركاته،

إصدار HTML الخامس يعني الجيل الأحدث من لغة ترميز الصفحات على الويب بعد HTML4 وXHTML حيث جاء لتجاوز قيود الإصدارات السابقة وتوحيد المعايير بين المتصفحات وتقنيا HTML5 لا يقتصر على تحسين بناء الجملة فحسب بل قدّم مجموعة من العناصر الجديدة مثل <header>, <article>, <section>, <footer> لتنظيم المحتوى بشكل دلالي أفضل كما أضاف دعما مدمجا لعرض الوسائط المتعددة عبر <audio> و<video> دون الحاجة إلى إضافات مثل Flash.

كذلك قدّم واجهات برمجية (APIs) جديدة مثل Canvas API للرسم ثنائي الأبعاد، Geolocation API لتحديد موقع المستخدم، وLocal Storage لتخزين البيانات محليا في المتصفح بدلا من الاعتماد فقط على ملفات الكوكيز.

كما حسّن التوافق مع الأجهزة المحمولة من خلال دعم الاستجابة (Responsive Design) بشكل أفضل، وأصبح أكثر تكاملا مع CSS3 وJavaScript.

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...