Skip to main content

ما هي الميزات الجديدة في HTML 5؟

الحلقة 5 : الفرق بين (HTML5) و (XHTML) شرح مبسط [HTML5 CSS3] (أبريل 2025)

الحلقة 5 : الفرق بين (HTML5) و (XHTML) شرح مبسط [HTML5 CSS3] (أبريل 2025)
Anonim

يضيف HTML 5 الكثير من الميزات الجديدة لمواصفات HTML ، ومن السهل تنفيذها. يمكنك استخدام نوع 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
  • نوسكريبت
  • الصورة
  • إضراب
  • ترينيداد وتوباغو
  • ش