بما في ذلك عناصر HTML القديمة وتلك الجديدة على HTML5
في حين أن تطويره قد بدأ قبل عدة سنوات ، بدأت HTML5 لأول مرة بالفعل في الاستخدام المشترك مع مصممي / مطوري الويب في عام 2010. وبمجرد الخروج من البوابة ، شعرت اللغة مألوفة للعديد من محترفي الويب ، بدلاً من محاولة إعادة اختراع كل شيء من الصفر ، HTML5 بنيت على ما جاء من قبل. اكتشف أي شخص يعرف HTML 4.01 بسرعة أنه يمكن العثور على جزء كبير من هذا الإصدار في HTML5.
في حين أن HTML5 يتضمن العديد من العناصر التي كانت موجودة في HTML لفترة قصيرة ، إلا أنها قدمت أيضًا بعض العناصر الجديدة في HTML5. بالنسبة للعديد من هذه العناصر الجديدة ، تم استخدام مقاربة تسمى "تمهيد الرعاة". هذا المصطلح شائع الاستخدام في مجال تكنولوجيا المعلومات يعني بالضرورة النظر إلى ما يفعله الناس فعلاً ويقومون بذلك. في حالة مصممي الويب ، كان هذا يعني معرفة كيف كانوا بالفعل يبنون الصفحات ولإرساء القرارات على عناصر جديدة في تلك الأنشطة. على سبيل المثال ، قد ينشئ العديد من محترفي الويب مواقع ويب ذات أقسام تستخدم سمات المعرف أو الصف "header" و "nav" و "footer". على هذا النحو ، قدم HTML5 هذه العناصر الجديدة ، مما يسمح لمحترفي الويب بإضافة مزيد من المعنى إلى مستنداتهم باستخدام عناصر تقسيم مخصصة بدلاً من التقسيمات فقط. ساعد هذا المزيج من الألفة والنهج الذي اعترف بالممارسات الحالية HTML5 على تبنيها بسرعة من قبل صناعة تصميم الويب.
HTML5 Doctype
أولاً ، لاستخدام أي عناصر HTML5 جديدة ، يجب أن يتضمن المستند الخاص بك نوع HTML5 وهو:
قد تلاحظ أن هذا النوع من الدوال لا يذكر "HTML5" على وجه التحديد ، ولكنه يشير ببساطة إلى النسخة كـ "html". هذا لأن هذا النوع من الدفاتر هو المقصود استخدامه للأمام لجميع التكرارات اللغوية.
في الواقع ، من المفترض أن تكون HTML5 هي آخر نسخة مرقمة من اللغة ، مع إضافة تغييرات جديدة على أساس ثابت في المستقبل. في الواقع ، تمت إضافة بعض العناصر في القائمة أدناه إلى اللغة بشكل جيد بعد الدفعة الأولى في عام 2010!
علامات HTML5
بطاقة | تفسير |
---|---|
مرساة أو رابط | |
abbr> | الاختصار |
address> | عنوان أو مؤلفو المستند |
<المنطقة> | خريطة الصورة من جانب العميل |
<المادة> المادة> | مقالة - سلعة |
<جانبا> جانبا> | محتوى تعليمي |
<الصوت> الصوت> | دفق الصوت |
b> | بالخط العريض |
<قاعدة> | مسارات URI الأساسية للعناصر في المستند |
bdo> | خوارزمية ثنائية الاتجاه |
blockquote> | الاقتباس الطويل |
body> | نص الصفحة |
| الخط مقطوع |
<زر> زر> | زر شكل HTML |
<قماش> قماش> | قماش للرسومات الديناميكية |
تعليق | |
| الجدول التوضيحي |
cite> | الاقتباس |
code> | مرجع الرمز |
<عمود> | عمود الجدول |
| تجمع عمود الجدول |
<القيادة> | أمر أو إجراء على الصفحة |
تعريف نوع المستند | |
| شبكة بيانات |
خيارات محددة مسبقًا لعناصر التحكم الأخرى | |
| وصف قائمة التعريف أو مدى الخطاب |
| النص المحذوف |
<تفاصيل> التفاصيل> | معلومات إضافية حسب الطلب |
dfn> | فريف |
<الحوار> الحوار> | محادثة |
div> | تقسيم منطقي |
| قائمة الوصف |
| مصطلح تعريف قائمة أو المتكلم الحوار |
em> | تشديد |
<تضمين> | عنصر مضمن للمكونات الإضافية |
مجموعة عناصر تحكم النموذج | |
| التسمية التوضيحية المستخدمة لعنصر |
<الرقم> الرقم> | الشكل مع التسمية التوضيحية الاختيارية |
<تذييل> تذييل> | تذييل الصفحة |
شكل | |
h1> | عنوان المستوى الأول |
h2> | العنوان من المستوى الثاني |
h3> | عنوان المستوى الثالث |
h4> | العنوان الرابع المستوى |
h5> | عنوان المستوى الخامس |
h6> | العنوان السادس المستوى |
head> | رئيس الوثيقة |
<رأس> رأس> | رأس الصفحة |
hgroup> | مجموعة العناوين |
| قاعدة افقية |
html> | عنصر الجذر لصفحة ويب |
نمط النص المائل | |
إطار مضمّن | |
صورة | |
<إدخال> | عنصر نموذج الإدخال |
عنصر شكل الزر | |
عنصر نموذج خانة الاختيار | |
لون المدخلات | |
تاريخ التسجيل | |
التاريخ والوقت العالمي المدخلات | |
إدخال التاريخ والوقت المحلي | |
إدخال عنوان البريد الإلكتروني | |
عنصر نموذج تحميل الملف | |
عنصر حقل النموذج المخفي | |
عنصر نموذج الصورة | |
إدخال السنة والشهر | |
رقم المدخلات | |
عنصر نموذج كلمة المرور | |
عنصر شكل زر الراديو | |
إدخال رقم غير دقيق | |
إعادة تعيين عنصر شكل الزر | |
مجال البحث | |
إرسال عنصر نموذج الزر | |
إدخال رقم الهاتف | |
عنصر نموذج حقل النص | |
إدخال الوقت | |
مدخل URL | |
إدخال السنة والأسبوع | |
ins> | النص المدرج |
kbd> | النص الذي سيتم إدخاله من قبل المستخدم |
<كجن> | توليد مفاتيح آمنة لإدارة الشهادة |
تسمية النموذج | |
نموذج تعليق الميدان | |
| قائمة الاغراض |
<صلة> | رابط للمستندات ذات الصلة |
| المجال الرئيسي للمحتوى على الصفحة |
خريطة الصورة من جانب العميل | |
<علامة> علامة> | نص مميز أو مميز |
قائمة الأوامر | |
معلومات التعريف حول المستند | |
<متر> متر> | قياس العددية |
تعريف منطقة بها روابط تنقل | |
المحتوى عندما لا تكون النصوص البرمجية متاحة | |
<كائن> كائن> | كائن غير قياسي |
| قائمة مرتبة أو مرقمة |
مجموعة من الخيارات في قائمة مختارة | |
الخيار في قائمة مختارة | |
<الإنتاج> الإخراج> | نتيجة حساب النموذج |
p> | فقرة |
<المعلمة> | معلمة عنصر الكائن |
pre> | نص منسق مسبقًا |
<تقدم> التقدم> | مؤشر التقدم |
ف> | اقتباس مضمنة قصيرة |
<روبية> روبية> | روبي قوسين |
<غ> غ> | نص روبي |
<روبي> روبي> | الشرح روبي |
| نص Strikeout |
samp> | إخراج العينة |