العناصر الجديدة لـ HTML5

العناصر الجديدة في HTML5

فيما يلي قائمة بالعناصر الجديدة لـ HTML5، مع وصفها.

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

العناصر الجديدة التي يقدمها HTML5 يمكن استخدامها لبناء بنية وثيقة أفضل:

العلامة الوصف
<article> تحديد المقال في الوثيقة.
<aside> تحديد المحتوى خارج محتوى الصفحة.
<bdi> تحديد اتجاه النص المختلف عن النص العادي.
<details> تحديد التفاصيل الإضافية التي يمكن للمستخدم عرضها أو إخفائها.
<dialog> تحديد نافذة الحوار أو النافذة.
<figcaption> تحديد عنوان العنصر <figure>.
<figure> تحديد المحتوى المستقل، مثل الرسومات، الرسوم البيانية، الصور، قوائم الأوامر، وما إلى ذلك.
<footer> تحديد قدم الصفحة أو الفقرة.
<header> تحديد رأس الصفحة أو الفقرة.
<main> تحديد المحتوى الرئيسي للوثيقة.
<mark> تحديد المعلومات المهمة أو المبرزة.
<menuitem> تحديد الأوامر/عناصر القائمة التي يمكن للمستخدم استدعاؤها من القائمة المنسدلة.
<meter> تحديد القياسات المقياسية في نطاق معروف (القياس).
<nav> تحديد رابط التوجيه في الوثيقة.
<progress> تحديد تقدم المهمة.
<rp> تحديد ما سيتم عرضه في المتصفحات التي لا تدعم التعليقات بالرودي.
<rt> تحديد تفسير/النطق للحرف (للخطوط الآسيوية).
<ruby> تحديد التعليق الخاص بالرودي (للخطوط الآسيوية).
<section> تحديد الفقرة في الوثيقة.
<summary> تحديد العنوان المرئي لـ <details>.
<time> تحديد التاريخ والوقت.
<wbr> تحديد إمكانية انقسام السطر (انقسام السطر).

اقرأ المزيد عن النصوص المفهومية لـ HTML5المحتوى.

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

العلامة الوصف
<datalist> تحديد الخيارات المسبقة لعمود الإدخال.
<keygen> تحديد حقل مولد المفاتيح (للنماذج).
<output> تحديد النتيجة الحسابية.

اقرأ المزيد عن عناصر النماذج HTMLالعناصر القديمة والجديدة والقديمة من جديد.

نوع الإدخال الجديد

نوع الإدخال الجديد خصائص الإدخال الجديدة
  • اللون
  • التاريخ
  • datetime
  • datetime-local
  • البريد الإلكتروني
  • الشهر
  • number
  • range
  • البحث
  • tel
  • الوقت
  • url
  • الأسبوع
  • autocomplete
  • autofocus
  • form
  • formaction
  • formenctype
  • formmethod
  • formnovalidate
  • formtarget
  • ارتفاع وعرض
  • قائمة
  • الحد الأدنى والحد الأعلى
  • مرة أخرى
  • نمط (regexp)
  • placeholder
  • مطلوب
  • خطوة

تعلم نوع المدخلات لـ HTMLجميع الأنواع القديمة والجديدة للمدخلات.

تعلم خصائص المدخل HTMLجميع خصائص المدخلات.

HTML5 - نمط جديد للخصائص

يسمح HTML5 بأربعة أنماط مختلفة للخصائص.

هذا المثال يوضح الاختلافات في الجملة التي تستخدمها علامة <input>.

العلامة الوصف
فراغ <input type="text" value="Bill Gates"> م禁>
القوائم المختصرة <input type="text"> value=Bill>
القوائم المختصرة <input type="text"> value="Bill Gates">
القوائم المختصرة <input type="text"> value='Bill Gates'>

في HTML5، بناءً على الحاجة إلى الخاصية، قد يتم استخدام جميع هذه الأنماط الأربعة.

صورة HTML5

العلامة الوصف
<canvas> تحديد رسم الصورة باستخدام JavaScript.
<svg> تحديد رسم الصورة باستخدام SVG.

اقرأ المزيد عن رسم بياني HTML5 المحتوى.

اقرأ المزيد عن SVG لـ HTML5 المحتوى.

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

العلامة الوصف
<audio> تحديد محتوى الصوت أو الموسيقى.
<embed> تحديد قالب التطبيق الخارجي (مثل الملحقات).
<source> تحديد المصادر لـ <video> و <audio>.
<track> تحديد المسارات لـ <video> و <audio>.
<video> تحديد محتوى الفيديو أو الفيلم.

اقرأ المزيد عن فيديو HTML5المحتوى.

اقرأ المزيد عن صوت HTML5المحتوى.