HTML5 العناصر الجديدة
فيما يلي قائمة بعناصر HTML5 الجديدة ، ووصف لما تستخدمه.
العناصر الدلالية / الهيكلية الجديدة
يوفر HTML5 عناصر جديدة لبنية مستندات أفضل:
| الصفة | الوصف |
|---|---|
| <article> | يعرف مقالة في وثيقة |
| <aside> | عرف المحتوى بجانب صفحة المحتوى |
| <bdi> | عزل جزء من النص الذي قد يتم تنسيقه في اتجاه مختلف عن نص آخر خارجه |
| <details> | يحدد التفاصيل الإضافية التي يمكن للمستخدم مشاهدتها أو إخفاؤها |
| <dialog> | يحدد مربع حوار أو نافذة |
| <figcaption> | يعرف تسمية توضيحية لعنصر <figure> |
| <figure> | يحدد المحتوى المستقل ذاتيا |
| <footer> | يحدد تذييل لمستند أو مقطع |
| <header> | يعرّف رأس المستند أو القسم |
| <main> | يحدد المحتوى الرئيسي للمستند |
| <mark> | يحدد النص المميز |
| <meter> | يعرّف القياس العددي ضمن نطاق معروف (مقياس) |
| <nav> | يحدد روابط التنقل |
| <progress> | يمثل تقدم المهمة |
| <rp> | يحدد ما يجب عرضه في المتصفحات التي لا تدعم التعليقات التوضيحية |
| <rt> | يحدد تفسير / نطق الحروف (لطباعة شرق آسيا) |
| <ruby> | يعرف تعليق توضيحي روبي (للطباعة في شرق آسيا) |
| <section> | يحدد مقطع في وثيقة |
| <summary> | يحدد عنوانًا مرئيًا لعنصر <details> |
| <time> | يحدد التاريخ / الوقت |
| <wbr> | يحدد فاصل خط ممكن |
عناصر النموذج الجديد
| الصفة | الوصف |
|---|---|
| <datalist> | يحدد قائمة بالخيارات المحددة مسبقًا لعناصر التحكم في الإدخال |
| <output> | يحدد نتيجة عملية حسابية |
أنواع المدخلات الجديدة
| أنواع المدخلات الجديدة | سمات إدخال جديدة |
|---|---|
|
|
HTML5 – بناء جملة السمة الجديدة
يتيح HTML5 أربعة صيغ مختلفة للسمات.
يوضح هذا المثال بناء الجملة المختلفة المستخدمة في <input>:
| النوع | مثال |
|---|---|
| Empty | <input type=”text” value=”John” disabled> |
| Unquoted | <input type=”text” value=John> |
| Double-quoted | <input type=”text” value=”John Doe”> |
| Single-quoted | <input type=”text” value=’John Doe’> |
في HTML5 ، يمكن استخدام بناء الجملة الأربعة بناءً على ما هو مطلوب للسمة.
HTML5 الرسومات
| الصفة | الوصف |
|---|---|
| <canvas> | ارسم رسومات سريعة أثناء البرمجة النصية (عادةً JavaScript) |
| <svg> | ارسم رسومات متجهة قابلة للتحجيم |
عناصر وسائط جديدة
| الصفة | الوصف |
|---|---|
| <audio> | يحدد محتوى الصوت |
| <embed> | يعرّف حاوية لتطبيق خارجي (غير HTML) |
| <source> | يحدد موارد وسائط متعددة لعناصر الوسائط (<video> و <audio>) |
| <track> | يحدد المسارات النصية لعناصر الوسائط (<video> و <audio>) |
| <video> | يحدد الفيديو أو الفيلم |
One Comment