- - دروس HTML5 2: العناصر الجديدة

درس HTML5 2: العناصر الجديدة

تم إصدار الإصدار الأخير من HTML في عام 1999 ، 12سنوات مضت ومنذ ذلك الحين ، تغير الويب ومتطلبات الويب لدينا كثيرًا. لتلبية متطلباتنا الجديدة والحديثة ، تأتي HTML5 مع الكثير من العناصر والعلامات الجديدة والمزيد. لقد تغير الويب تمامًا عما كان عليه سابقًا. لا يمكننا عرض الفيديو / الصوت على الويب والاتصال بقاعدة بيانات والعديد من الأشياء الأخرى. لذا تابع القراءة لمعرفة ما توصل إليه HTML5.

من أجل تحسين الويب HTML ، تم تقديم عناصر جديدة للهيكل الأساسي ومعالجة أفضل ورسم ومحتوى وسائط أفضل.

عناصر هيكلية جديدة

تحقق من قائمة العناصر الهيكلية الجديدة في HTML5

بطاقة شعاروصف قصير
<المادة>يستخدم لتعريف مقال
<جانب>يعرف المحتوى غير محتوى الصفحة
<comm>لإنشاء زر أمر جديد
<التفاصيل>أضف بعض التفاصيل الإضافية التي يمكن للمستخدم عرضها أو إخفائها
<ملخص>عنوان مرئي لعنصر <details>
<التكوين>يظهر محتوى قائم بذاته
<figcaption>شرح لعنصر <التكوين>
<foot>يُستخدم لإدراج تذييل في المستند أو الصفحة
<رأس>يُستخدم لإدراج رأس في المستند أو الصفحة
<hgroup>مستويات العناوين بدءًا من H1 إلى H6
<علامة>تستخدم لوضع علامة على النص أو تمييزه
<meter>قياس عددي
<nav>يستخدم لتحديد روابط التنقل
<التقدم>لإظهار تقدم المهمة
<روبي>تعليق روبي
<rt>شرح / نطق الحروف
<rp>ما يتم عرضه في المتصفحات التي لا تدعم التعليقات التوضيحية ياقوت
<القسم>قسم في مستند
<time>تستخدم لإدراج التاريخ / الوقت
<wbr>الخط مقطوع

عناصر وسائط جديدة

بطاقة شعاروصف قصير
<audio>إدراج محتوى صوتي
<فيديو>إدراج الفيديو أو الفيلم
<المصدر>إدراج موارد وسائط متعددة لـ <video> و <audio>
<embed>تستخدم لتضمين شيء ما

عناصر نموذج جديدة

بطاقة شعاروصف
<عاطفي>قائمة بالخيارات المحددة مسبقًا لعناصر التحكم في الإدخال
<keygen>حقل مولد زوج المفاتيح
<الإخراج>نتيجة الحساب

عنصر <قماش> جديد

هذا عنصر جيد. يتم استخدامه بشكل أساسي لرسم الرسومات عن طريق القيام ببعض البرمجة النصية بواسطة JavaScript. هذه هي ميزة مفيدة جدا؛ ستحب ترميزها.

العناصر المحذوفة

بينما تم تضمين بعض الميزات ، تم أيضًا إزالة بعض الميزات من HTML وهي:

  • <acronym>
  • <التطبيق>
  • <باسيفونت>
  • <كبيرة>
  • <center>
  • <دير>
  • <font>
  • <frame>
  • <frameset>
  • <إطارات>
  • <strike>
  • <tt>
  • <u>

آمل أن تعجبك قراءة HTML5

<–البرنامج التعليمي السابق

تعليقات