HTML5 عناصر جديدة
ومنذ عام 1999، HTML 4.01 قد تغيرت كثيرا. أما اليوم، فقد تم إهمال العديد من HTML 4.01، وتم حذف هذه العناصر أو إعادة تعريف في HTML5.
من أجل تحسين التعامل مع تطبيقات الإنترنت اليوم، HTML5 يضيف الكثير من العناصر والميزات الجديدة، مثل: تقديم الرسومات ومحتوى الوسائط المتعددة، وبنية الصفحة أفضل، أفضل شكل من أشكال المعالجة، وعدد من المعهد سحب وإسقاط العناصر، وتحديد المواقع، بما في ذلك تطبيق ويب التخزين المؤقت والتخزين وعامل على شبكة الإنترنت، وهلم جرا.
عناصر جديدة في HTML5
وفيما يلي قائمة من العناصر HTML5 الجديدة، ووصف ما يتم استخدامها ل.
جديد الدلالي / العناصر الإنشائية
تقدم HTML5 عناصر جديدة للهيكل وثيقة أفضل:
| بطاقة | وصف |
|---|---|
| <article> | تعرف مقال في الوثيقة |
| <aside> | عرف المحتوى بجانب صفحة المحتوى |
| <bdi> | تعرف جزء من النص التي يمكن تنسيقها في اتجاه مختلف عن نص آخر |
| <details> | تعرف التفاصيل الإضافية التي يمكن للمستخدم عرض أو إخفاء |
| <dialog> | تعرف مربع حوار أو نافذة |
| <figcaption> | تعرف توضيحية ل <figure> العنصر |
| <figure> | يعرف محتوى بذاتها، مثل الرسوم التوضيحية والرسوم البيانية والصور وقوائم الرموز، الخ |
| <footer> | تعرف تذييل للمستند أو قسم |
| <header> | يحدد رأس للمستند أو قسم |
| <main> | يحدد المحتوى الرئيسي من وثيقة |
| <mark> | وتعرف ملحوظ أو تسليط الضوء النص |
| <menuitem> | يحدد عنصر الأمر / القائمة التي يمكن للمستخدم الاحتجاج من القائمة المنبثقة |
| <meter> | يعرف قياس العددية ضمن نطاق المعروف (a gauge) |
| <nav> | تعرف ارتباطات التنقل في وثيقة |
| <progress> | يحدد سير مهمة |
| <rp> | يحدد ما لإظهارها في المتصفحات التي لا تدعم ruby الشروح |
| <rt> | يعرف تفسيرا / نطق الحروف (للطباعة شرق آسيا) |
| <ruby> | يعرف ruby الشرح (for East Asian typography) |
| <section> | يعرف قسم في وثيقة |
| <summary> | يعرف عنوان واضح ل <details> العنصر |
| <time> | يحدد وقت / زمن |
| <wbr> | تعرف محتمل خط فاصل |
إقرأ المزيد حول HTML5 الدلالة .
نيو عناصر نموذج
| بطاقة | وصف |
|---|---|
| <datalist> | يحدد خيارات محددة مسبقا لعناصر المدخلات |
| <keygen> | يعرف حقل مفتاح الزوج مولد (for forms) |
| <output> | يحدد نتيجة عملية حسابية |
قراءة كل شيء عن عناصر النموذج القديم والجديد في HTML نموذج عناصر .
أنواع المدخلات الجديدة
| أنواع المدخلات الجديدة | سمات مساهمة جديدة |
|---|---|
|
|
تعلم كل شيء عن أنواع المدخلات القديمة والجديدة في أنواع الإدخال HTML .
تعلم كل شيء عن سمات الإدخال في سمات الإدخال HTML .
HTML5 - سمة جديدة في بناء الجملة
HTML5 يسمح أربع جمل مختلفة عن الصفات.
يوضح هذا المثال جمل المختلفة المستخدمة في <input> العلامة:
| اكتب | مثال |
|---|---|
| فارغة | <input type="text" value="John" disabled > |
| غير مسعرة | <input type="text" value=John > |
| انقر نقرا مزدوجا نقلت | <input type="text" value="John Doe" > |
| وحيد نقلت | <input type="text" value='John Doe' > |
في HTML5، كل جمل أربعة يمكن استخدامها، اعتمادا على ما هو مطلوب للسمة.
الرسومات HTML5
| بطاقة | وصف |
|---|---|
| <canvas> | يحدد الرسم الرسم باستخدام جافا سكريبت |
| <svg> | يحدد الرسم الرسم باستخدام SVG |
إقرأ المزيد حول HTML5 قماش .
إقرأ المزيد حول HTML5 SVG .
عناصر الإعلام الجديد
| بطاقة | وصف |
|---|---|
| <audio> | تعرف الصوت أو الموسيقى المحتوى |
| <embed> | تعرف حاويات لتطبيقات خارجية (like plug-ins) |
| <source> | يحدد مصادر لل <video> و <audio> |
| <track> | يحدد المسارات ل <video> و <audio> |
| <video> | يحدد فيديو أو فيلم المحتوى |
إقرأ المزيد حول HTML5 الفيديو .
إقرأ المزيد حول HTML5 الصوت .