ما هو الجديد في HTML 5

HTML 5 هو إصدار جديد من HTML

يضيف HTML 5 الكثير من الميزات الجديدة لمواصفات HTML. وما هو أفضل من ذلك ، هناك بالفعل بعض دعم المتصفح المحدود لهذه الميزات الجديدة. إذا كانت هناك ميزة تهتم بها ، فراجع صفحة WHATWG Wiki Implementations للحصول على معلومات حول المتصفحات التي تدعم أجزاء مختلفة من المواصفات.

HTML 5 Doctype and Charset الجديد

الشيء الجميل حول HTML 5 هو مدى سهولة الانعزال. يمكنك استخدام نوع HTML 5 ، وهو بسيط جدًا ومبسّط:

نعم هذا كل شيء. كلمتين فقط "doctype" و "html". يمكن أن يكون الأمر بهذه البساطة لأن HTML 5 لم يعد جزءًا من SGML ، ولكنها بدلاً من ذلك لغة ترميزية من تلقاء نفسها.

يتم تبسيط مجموعة الأحرف لـ HTML 5 أيضًا. ويستخدم UTF-8 ويمكنك تعريفه باستخدام علامة تعريف واحدة فقط:

HTML 5 بنية جديدة

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

• - لتحديد أقسام من الصفحات
• - يحدد رأس الصفحة
• - يحدد تذييل الصفحة
• - يحدد الملاحة على الصفحة
• - يحدد المقالة أو المحتوى الأساسي على الصفحة
• - يحدد محتوى إضافي مثل الشريط الجانبي على الصفحة
• - يحدد الصور التي تذييل مقالة

HTML 5 عناصر مضمنة جديدة

تحدد هذه العناصر المضمنة بعض المفاهيم الأساسية وتبقيها ملحوظة بشكل معنوي ، معظمها يتعلق بالوقت:

• - للإشارة إلى المحتوى الذي تم وضع علامة عليه بطريقة ما
• - للإشارة إلى محتوى يمثل وقتًا أو تاريخًا
• - للإشارة إلى محتوى يمثل جزءًا من نطاق معروف - مثل استخدام القرص
• - للإشارة إلى التقدم في المهمة نحو الاكتمال

HTML 5 دعم صفحات ديناميكية جديدة

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

• قوائم السياق - يدعم HTML 5 إنشاء قوائم السياق واستخدامها داخل صفحات الويب والتطبيقات
• href غير مطلوب على علامة - وهذا يسمح لك باستخدام علامة مع البرامج النصية وتطبيقات الويب دون الحاجة إلى مكان لإرسال المرساة
• سمة المتزامن - تتم إضافتها إلى علامة البرنامج النصي لإخبار المتصفح أنه يجب تحميل البرنامج النصي بشكل غير متزامن بحيث لا يؤدي إلى إبطاء التحميل وعرض بقية الصفحة.
• - يوفر تفاصيل حول عنصر. سيكون هذا مثل تلميحات الأدوات في تطبيقات غير ويب.
• - ينشئ جدولًا تم إنشاؤه من قاعدة بيانات أو مصدر ديناميكي آخر
• - تم جلب بطاقة قديمة وأعطيت حياة جديدة مما يسمح لك بإنشاء نظام قائمة على صفحات الويب الخاصة بك
• - يحدد الإجراءات التي ينبغي أن تحدث عند تنشيط عنصر ديناميكي

HTML 5 أنواع جديدة من أشكال

يدعم HTML 5 جميع أنواع إدخال النماذج القياسية ، ولكنه يضيف المزيد من الأنواع الأخرى:

• التاريخ والوقت
• التاريخ والوقت المحلي
• تاريخ
• شهر
• أسبوع
• زمن
• رقم
• نطاق
• البريد الإلكتروني
• رابط

HTML 5 عناصر جديدة

هناك بعض العناصر الجديدة المثيرة في HTML 5:

• - عنصر يمنحك مساحة رسم في JavaScript على صفحات الويب الخاصة بك. يمكن أن تتيح لك إضافة صور أو رسوم بيانية إلى نصائح الأدوات أو إنشاء رسوم بيانية ديناميكية على صفحات الويب الخاصة بك ، مبنية على الطاير.
• - أضف فيديو إلى صفحات الويب الخاصة بك باستخدام هذه العلامة البسيطة.
• - إضافة الصوت إلى صفحات الويب الخاصة بك مع هذه العلامة البسيطة.

HTML 5 يزيل بعض العناصر

هناك أيضًا بعض العناصر في HTML 4 التي لن يتم دعمها بعد الآن بواسطة HTML 5. معظمها تم إيقافها بالفعل ، وبالتالي لا ينبغي أن يكون الأمر مفاجئًا ، ولكن قد يكون من الصعب القيام ببعضها:

• اختصار
• بريمج
• basefont
• كبير
• مركز
• دير
• الخط
• الإطار
• إطارات
• isindex
• noframes
• نوسكريبت
• الصورة
• إضراب
• ترينيداد وتوباغو
• ش

هل أنت جاهز لـ HTML 5؟

يضيف HTML 5 الكثير من الميزات الجديدة الرائعة لصفحات الويب وتصميم الويب وسيكون شيئًا مثيرًا عندما تدعمه المزيد من المتصفحات. أعلنت Microsoft أنها ستبدأ في دعم أجزاء على الأقل من HTML 5 في IE 8. إذا كنت تريد أن تبدأ في وقت أقرب ، فقد حظيت Opera بأفضل دعم ، مع Safari خلفها.