في حين أن تطويره قد بدأ قبل عدة سنوات ، بدأت HTML5 لأول مرة بالفعل في الاستخدام المشترك مع مصممي / مطوري الويب في عام 2010. وبمجرد الخروج من البوابة ، شعرت اللغة مألوفة للعديد من محترفي الويب ، بدلاً من محاولة إعادة اختراع كل شيء من الصفر ، HTML5 بنيت على ما جاء من قبل. اكتشف أي شخص يعرف HTML 4.01 بسرعة أنه يمكن العثور على جزء كبير من هذا الإصدار في HTML5.
في حين أن HTML5 يتضمن العديد من العناصر التي كانت موجودة في HTML لفترة قصيرة ، إلا أنها قدمت أيضًا بعض العناصر الجديدة في HTML5. بالنسبة للعديد من هذه العناصر الجديدة ، تم استخدام مقاربة تسمى "تمهيد الرعاة". هذا المصطلح شائع الاستخدام في مجال تكنولوجيا المعلومات يعني بالضرورة النظر إلى ما يفعله الناس فعلاً ويقومون بذلك. في حالة مصممي الويب ، كان هذا يعني معرفة كيف كانوا بالفعل يبنون الصفحات ولإرساء القرارات على عناصر جديدة في تلك الأنشطة. على سبيل المثال ، قد ينشئ العديد من محترفي الويب مواقع ويب ذات أقسام تستخدم سمات المعرف أو الصف "header" و "nav" و "footer". على هذا النحو ، قدم HTML5 هذه العناصر الجديدة ، مما يسمح لمحترفي الويب بإضافة مزيد من المعنى إلى مستنداتهم باستخدام عناصر تقسيم مخصصة بدلاً من التقسيمات فقط. ساعد هذا المزيج من الألفة والنهج الذي اعترف بالممارسات الحالية HTML5 على تبنيها بسرعة من قبل صناعة تصميم الويب.
HTML5 Doctype
أولاً ، لاستخدام أي عناصر HTML5 جديدة ، يجب أن يتضمن المستند الخاص بك نوع HTML5 وهو:
قد تلاحظ أن هذا النوع من الدوال لا يذكر "HTML5" على وجه التحديد ، ولكنه يشير ببساطة إلى النسخة كـ "html". هذا لأن هذا النوع من الدفاتر هو المقصود استخدامه للأمام لجميع التكرارات اللغوية.
في الواقع ، من المفترض أن تكون HTML5 هي آخر نسخة مرقمة من اللغة ، مع إضافة تغييرات جديدة على أساس ثابت في المستقبل. في الواقع ، تمت إضافة بعض العناصر في القائمة أدناه إلى اللغة بشكل جيد بعد الدفعة الأولى في عام 2010!
علامات HTML5
| بطاقة | تفسير | |
|---|---|---|
| مرساة أو رابط | ||
| الاختصار | ||
| عنوان أو مؤلفو المستند | ||
| خريطة الصورة من جانب العميل | ||
| مقالة - سلعة | ||
| محتوى تعليمي | ||
| دفق الصوت | ||
| بالخط العريض | ||
| مسارات URI الأساسية للعناصر في المستند | ||
| خوارزمية ثنائية الاتجاه | ||
| الاقتباس الطويل | ||
| نص الصفحة | ||
| الخط مقطوع | ||
| زر شكل HTML | ||
| قماش للرسومات الديناميكية | ||
| تعليق | ||
| الجدول التوضيحي | ||
| الاقتباس | ||
| مرجع الرمز | |
| عمود الجدول | ||
| تجمع عمود الجدول | ||
| أمر أو إجراء على الصفحة | ||
| تعريف نوع المستند | ||
| شبكة بيانات | ||
| خيارات محددة مسبقًا لعناصر التحكم الأخرى | ||
| وصف قائمة التعريف أو مدى الخطاب | ||
| النص المحذوف | ||
| معلومات إضافية حسب الطلب | ||
| فريف | ||
| محادثة | ||
| تقسيم منطقي | ||
| قائمة الوصف | ||
| مصطلح تعريف قائمة أو المتكلم الحوار | ||
| تشديد | ||
| عنصر مضمن للمكونات الإضافية | ||
| مجموعة عناصر تحكم النموذج | ||
| التسمية التوضيحية المستخدمة ل | ||
| الشكل مع التسمية التوضيحية الاختيارية | ||
| تذييل الصفحة | ||
| شكل | ||
| عنوان المستوى الأول | ||
| العنوان من المستوى الثاني | ||
| عنوان المستوى الثالث | ||
| العنوان الرابع المستوى | ||
| عنوان المستوى الخامس | ||
| العنوان السادس المستوى | ||
| رئيس الوثيقة | ||
|
| رأس الصفحة | |
| مجموعة العناوين | ||
| قاعدة افقية | ||
| عنصر الجذر لصفحة ويب | ||
| نمط النص المائل | ||
| إطار مضمّن | ||
| صورة | ||
| عنصر نموذج الإدخال | ||
| عنصر شكل الزر | ||
| عنصر نموذج خانة الاختيار | ||
| لون المدخلات | ||
| تاريخ التسجيل | ||
| التاريخ والوقت العالمي المدخلات | ||
| إدخال التاريخ والوقت المحلي | ||
| إدخال عنوان البريد الإلكتروني | ||
| عنصر نموذج تحميل الملف | ||
| عنصر حقل النموذج المخفي | ||
| عنصر نموذج الصورة | ||
| إدخال السنة والشهر | ||
| رقم المدخلات | ||
| عنصر نموذج كلمة المرور | ||
| عنصر شكل زر الراديو | ||
| إدخال رقم غير دقيق | ||
| إعادة تعيين عنصر شكل الزر | ||
| مجال البحث | ||
| إرسال عنصر نموذج الزر | ||
| إدخال رقم الهاتف | ||
| عنصر نموذج حقل النص | ||
| إدخال الوقت | ||
| مدخل URL | ||
| إدخال السنة والأسبوع | ||
| النص المدرج | ||
| النص الذي سيتم إدخاله من قبل المستخدم | ||
| توليد مفاتيح آمنة لإدارة الشهادة | ||
| تسمية النموذج | ||
| نموذج تعليق الميدان | ||
| قائمة الاغراض | ||
| رابط للمستندات ذات الصلة | ||
| المجال الرئيسي للمحتوى على الصفحة | ||
| خريطة الصورة من جانب العميل | ||
| نص مميز أو مميز | ||
| قائمة الأوامر | ||
| معلومات التعريف حول المستند | ||
| قياس العددية | ||
| تعريف منطقة بها روابط تنقل | ||
| المحتوى عندما لا تكون النصوص البرمجية متاحة | ||
| كائن غير قياسي | ||
|
| قائمة مرتبة أو مرقمة | |
| مجموعة من الخيارات في قائمة مختارة | ||
| الخيار في قائمة مختارة | ||
| نتيجة حساب النموذج | ||
| فقرة | ||
| معلمة عنصر الكائن | ||
|
| نص منسق مسبقًا | |
| مؤشر التقدم | ||
| اقتباس مضمنة قصيرة | ||
| روبي قوسين | ||
| نص روبي | ||
| الشرح روبي | ||
| نص Strikeout | ||
| إخراج العينة | ||
| مخطوطات | ||
| قسم من صفحة | ||
| حدد قوائم القوائم المنسدلة | ||
| حجم خط صغير | ||
| مصدر إعلامي | ||
| حاوية نمط مضمنة عامة | ||
| تأكيد قوي | ||
| أوراق الأنماط | ||
| مخطوطة | ||
| ملخص محتويات عنصر التفاصيل | ||
| حرف فوقي | ||
| الطاولة | ||
| صفوف الجسم الجدول | ||
| خلية الجدول | ||
| عنصر شكل متعدد الخطوط | ||
| صفوف تذييل الجدول | ||
| خلية رأس الجدول | ||
| صفوف رأس الجدول | ||
| يحدد الوقت | ||
| عنوان | ||
| صف الجدول | ||
|
| غير مرتبة أو قائمة buletted | |
| نص متغير أو مستخدم محدد | ||
|
فيديو أو فيلم مدمج في الصفحة |
