بعد فترة وجيزة، بدأ HTML5 في جذب انتباه المزيد والمزيد من الناس، على الرغم من أن W3C ذكر أنه لا يزال هناك طريق طويل لنقطعه قبل نضجه النهائي، إلا أنه لا يوقف توقعات الناس عنه. في عام 2007، سار HTML5 نحو معيار W3C. تتمثل مهمة HTML5 في توطين تطبيقات الويب الغنية والتحرر من قيود المكونات الإضافية للمتصفح. أطلقت W3C المسودة الأولى لـ HTML5 في يناير 2008، وقد لا يتم التنفيذ الكامل لمعيار HTML5 حتى عام 2022 أو بعد ذلك.
ما هو HTML5
يعد HTML5 إصدارًا مهمًا آخر بعد HTML4.01 وXHTML 1.0 وDOM 2 HTML، ويهدف إلى التخلص من اعتماد برامج الإنترنت الغنية (RIA) على المكونات الإضافية للمتصفح مثل Flash وSilverlight وJavaFX.
ملخص HTML5
يقدم HTML5 العديد من الميزات والتغييرات الجديدة في تعليمات HTML البرمجية، وتحتاج إلى استخدام بعض البرامج النصية المحددة لواجهة برمجة التطبيقات (API)، مثل:
DOM
كائن قماشي ينفذ الرسم ثنائي الأبعاد
تشغيل الوسائط التي يمكن التحكم فيها
تخزين دون اتصال
تحرير المستندات
السحب والإسقاط
رسائل عبر المستندات
إدارة تاريخ المتصفح
نوع MIME وتسجيل البروتوكول
يجب أن تكون المتصفحات التي تدعم HTML5 أكثر مرونة في التعامل مع أخطاء تعليمات HTML البرمجية، بينما ستتجاهل المتصفحات التي لا تدعم HTML5 تعليمات HTML5 البرمجية.
تغييرات بناء جملة HTML
يقدم HTML5 عناصر وسمات HTML جديدة، بعضها عبارة عن إصدارات دلالية للعناصر المشتركة التقليدية، مثل التنقل والتذييل والعناصر الأخرى التي تحل محل عناصر div. وهناك أيضًا بعض العناصر الجديدة تمامًا، مثل الصوت والفيديو. سيتم إهمال بعض العناصر التي تم إهمالها في HTML4، مثل الخط والوسط. تتضمن عناصر HTML الجديدة التي قدمها HTML5 ما يلي:
مقال: مقال
جانبًا: محتوى الشريط الجانبي بجوار المحتوى
الصوت: الصوت
قماش: رسم ثنائي الأبعاد
الأمر: زر الأمر
قائمة البيانات: مربع الاختيار المنسدل
التفاصيل: تفاصيل الكائن
الحوار: مربع الحوار
تضمين: مكون إضافي أو كائن خارجي
الشكل: مجموعة من كائنات الوسائط ونص التسمية
الرأس: أعلى الصفحة
hgroup: معلومات حول جزء معين من المستند
كجن: مفتاح تم إنشاؤه بواسطة النموذج
علامة: نص محدد
المتر: مقياس ضمن نطاق محدد مسبقًا
التنقل: شريط التنقل
الإخراج: الإخراج
التقدم: شريط التقدم
rp: يحدد محتوى روبي
rt: شرح محتوى روبي
روبي: محتوى روبي
القسم: تعريف القسم
المصدر: مصادر وسائل الإعلام
الوقت: التاريخ الوقت
فيديو: فيديو
يمكن لهذه العلامات الجديدة أن تسهل تحميل مستندات HTML الخاصة بك وتسهل على محركات البحث الزحف إلى المعلومات المفيدة. على سبيل المثال، يمكن لمحركات البحث الزحف مباشرة إلى المحتوى الموجود في علامة المقالة التي تهمها أكثر.
كيف يتعايش HTML5 مع التقنيات الشائعة
لقد أصبح عالم الويب اليوم معتادًا على العديد من المكونات الإضافية وواجهات برمجة التطبيقات (APIs). وقد جلب HTML5 الراحة والإزعاج لمطوري ومصممي الويب. كيف سيتعايش HTML5 مع هذه التقنيات الشائعة؟
HTML5 وفلاش
لقد ظل هذا النقاش مستمرًا لفترة طويلة، وقد تم إساءة استخدام برنامج Flash من قبل بعض المطورين والمصممين، مما تسبب في تحميل بعض صفحات الويب ببطء، وقد جلب HTML5 بصيصًا من الأمل. قد يكون من غير العدل مقارنة HTML5، الذي لا يزال في بداياته، مع Flash، الذي يبلغ عمره بالفعل 10 سنوات، ولكن هذه مشكلة تثير قلق الجميع. قد يستفيد مستخدمو Mac من HTML5 أكثر من مستخدمي Windows لأن Apple كانت مترددة في دعم Flash. ما يلي هو جزء من اختبار أجراه مايك تشامبرز على تحميل وحدة المعالجة المركزية للمتصفحات على منصات Mac وWindows:
.jpg)
تظهر الاختبارات أن أداء الفلاش على نظام التشغيل Mac أسوأ منه على نظام التشغيل Windows، اعتمادًا على المتصفح الذي تستخدمه. يبدو الآن أن Flash هو الخيار الأفضل فيما يتعلق بألعاب الفيديو، ولكن اعتمادًا على متصفحك، إذا لم تكن مقاطع الفيديو الخاصة بك معقدة للغاية، فإن HTML5 هو الخيار الأفضل. ما يجب على مطوري ومصممي الويب استخلاصه من هذه المناقشات هو أن هناك بدائل لـ Flash، ولكن Flash راسخ بقوة ويحتاج العملاء إلى إجراء بعض الأبحاث حول جمهورهم المستهدف عند تطوير التصميمات لهم.
HTML5 وIE 9
غالبًا ما يروج IE9 لتوافقه مع HTML5، ولكنه سيكون بالفعل متصفحًا يدعم HTML5 جيدًا لأن IE9 يستخدم Windows Modern Graphics API وبطاقة تسريع الرسومات للكمبيوتر الشخصي لإخراج النص والرسومات. وفي معرض MIX في مارس، أعلنت Microsoft أيضًا أن IE9 سيدعم HTML5 المسرع بوحدة معالجة الرسومات، وتسليم تمرير الرسومات وعرض الرسومات ثلاثية الأبعاد والمعالجة الأخرى إلى بطاقات تسريع الرسومات.
HTML5 وأياكس
إحدى مشكلات لغة HTML الحالية هي أنها واجهة تطبيق خفيفة الوزن. سيجد المطورون الذين يرغبون في استخدام Ajax لتنفيذ التطبيقات عبر الإنترنت صعوبة كبيرة في استخدام HTML. يعتقد موقع Ajaxwith.com أن HTML مناسب لتحميل الواجهات، وأن JavaScript يُستخدم لتنفيذ الأوامر. على الرغم من أنه ليس من السهل استخدام HTML كلغة واجهة، إلا أن HTML لا يزال لا غنى عنه نظرًا لمدى إلمامه بمعظم المطورين.
والخبر السار هو أن HTML5 سيجعل من السهل تنفيذ تطبيقات Ajax.
HTML5 مع CSS
تحتاج إلى تنظيم كود CSS الخاص بك لدعم HTML5، لأن العلامات مثل h1 وh2 لن يتم استخدامها بعد الآن لتحقيق التوافق مع HTML5، فإن أفضل طريقة هي استخدام إعادة تعيين CSS لاستبدال CSS لسمات HTML الشائعة يعتقد Woork أن أفضل إعادة تعيين لـ CSS هي إعادة تعيين Eric Meyers CSS.
إيجابيات وسلبيات HTML5
قد يجلب HTML5 المزيد من الفوائد لويب الهاتف المحمول، والسبب هو أن iPhone يهيمن على ويب الهاتف المحمول الحالي، وأن iPhone لا يدعم Flash. سيسمح HTML5 أيضًا لمتصفحات الأجهزة المحمولة على الأنظمة الأساسية الأخرى بتحميل صفحات الويب بشكل أسرع. وهناك فائدة أخرى وهي تحسين محركات البحث التي أعلنتها Google في 9 أبريل أن سرعة تحميل الصفحة ستكون عاملاً في تصنيفات البحث، وبالتالي فإن الصفحات المستندة إلى HTML5 ستستفيد أيضًا من سرعات التحميل الأعلى.
ومع ذلك، مثل ظهور أي تقنية جديدة، ستكون هناك أيضًا بعض المشكلات المتعلقة بمصممي الويب، والمشكلة الأكبر هي أنه بسبب إدخال هذه العلامات الجديدة، سيكون هناك نقص في تنسيق البيانات الموحد بين المتصفحات.
وإلى أن يتم اعتماد HTML5 على نطاق واسع، لن نعرف تمامًا ما هي الأشياء الجيدة أو السيئة التي سيأتي بها كود HTML5. بشكل عام، سيكون تغييرًا كبيرًا للمطورين، ولكن ليس واضحًا بعد لمصممي الرسوم.
المصدر الدولي لهذه المقالة: Instantshift.com HTML5: هل يستحق هذا الضجيج؟ (المؤلف الأصلي: شانون سويتوس)
مصدر التجميع الصيني: الموقع الرسمي لنظام إدارة محتوى موقع Ruishang Enterprise CMS