سؤال

ما هي الاختلافات الرئيسية بين HTML4 و مسودة HTML5?

يرجى الاحتفاظ بالإجابات المتعلقة ببناء الجملة المتغير وعناصر html المضافة/المحذوفة.

هل كانت مفيدة؟

المحلول

لدى HTML5 العديد من الأهداف التي تميزه عن HTML4.

الاتساق في التعامل مع المستندات المشوهة

الابتدائي هو معالجة الأخطاء بشكل متسق ومحدد.كما تعلم، يدعم HTML عمدًا "تضمين العلامات"، أو القدرة على كتابة تعليمات برمجية مشوهة وتصحيحها في مستند صالح.المشكلة هي أن قواعد القيام بذلك ليست مكتوبة في أي مكان.عندما يريد بائع متصفح جديد دخول السوق، كل ما عليه فعله هو اختبار المستندات المشوهة في متصفحات مختلفة (خاصة IE) وإجراء هندسة عكسية لمعالجة الأخطاء.إذا لم يحدث ذلك، فلن يتم عرض العديد من الصفحات بشكل صحيح (تضع التقديرات ما يقرب من 90% من الصفحات الموجودة على الشبكة على أنها مشوهة إلى حد ما على الأقل).

لذا، يحاول HTML5 اكتشاف وتقنين معالجة الأخطاء هذه، بحيث يمكن لمطوري المتصفحات جميعًا توحيد وتقليل الوقت والمال اللازمين لعرض الأشياء بشكل متسق بشكل كبير.بالإضافة إلى ذلك، في المستقبل بعد فترة طويلة من انتهاء HTML كتنسيق مستند، قد يظل المؤرخون يرغبون في قراءة مستنداتنا، ووجود خوارزمية تحليل محددة بالكامل سيساعد بشكل كبير في ذلك.

ميزات أفضل لتطبيقات الويب

الهدف الثانوي لـ HTML5 هو تطوير قدرة المتصفح على أن يكون منصة للتطبيقات، عبر HTML وCSS وJavascript.تمت إضافة العديد من العناصر مباشرة إلى اللغة التي هي حاليًا (في HTML4) تعتمد على Flash أو JS، مثل <canvas>, <video>, ، و <audio>.أشياء مفيدة مثل التخزين المحلي (قاعدة بيانات ذات قيمة أساسية مضمنة في متصفح js يمكن الوصول إليها، لتخزين المعلومات بما يتجاوز ما يمكن أن تحتويه ملفات تعريف الارتباط)، وأنواع الإدخال الجديدة مثل التاريخ الذي يمكن للمتصفح من خلاله الكشف عن واجهة مستخدم سهلة (بحيث يمكننا لا يتعين عليك استخدام منتقيات تاريخ التقويم المستندة إلى js)، وسيؤدي التحقق من صحة النماذج المدعومة بالمتصفح إلى جعل تطوير تطبيقات الويب أسهل كثيرًا للمطورين، ويجعلها أسرع بكثير للمستخدمين (نظرًا لأن العديد من الأشياء سيتم دعمها محليًا، بدلاً من اختراقها عبر جافا سكريبت).

تحسين دلالات العناصر

هناك العديد من الجهود الصغيرة الأخرى التي تتم في HTML5، مثل الأدوار الدلالية المحددة بشكل أفضل للعناصر الموجودة (<strong> و <em> الآن يعني في الواقع شيئا مختلفا، وحتى <b> و <i> لها دلالات غامضة يجب أن تعمل بشكل جيد عند تحليل المستندات القديمة) وإضافة عناصر جديدة ذات دلالات مفيدة - <article>, <section>, <header>, <aside>, ، و <nav> ينبغي أن يحل محل غالبية <div>يتم استخدامها على صفحة ويب، مما يجعل صفحاتك أكثر دلالية قليلاً، ولكن الأهم من ذلك، أسهل في القراءة.لا مزيد من المسح المؤلم لمعرفة ما هو عشوائي </div> يتم إغلاقه - بدلاً من ذلك سيكون لديك أمر واضح </header>, ، أو </article>, ، مما يجعل بنية المستند الخاص بك أكثر سهولة.

نصائح أخرى

من ويكيبيديا:

  • قواعد تحليل جديدة موجهة نحو التحليل المرن والتوافق
  • عناصر جديدة – القسم، الفيديو، التقدم، التنقل، العداد، الوقت، الجانب، اللوحة القماشية
  • سمات الإدخال الجديدة - التواريخ والأوقات، والبريد الإلكتروني، وعنوان URL
  • سمات جديدة – ping، محارف، غير متزامن
  • السمات العامة (التي يمكن تطبيقها على كل عنصر) - المعرف، tabindex، التكرار
  • تم إسقاط العناصر المهملة – المركز، الخط، الضربة

سوف ترغب في التحقق اختلافات HTML5 عن HTML4:ملاحظة مجموعة عمل W3C 9 ديسمبر 2014 للاختلافات الكاملة.هناك العديد من العناصر الجديدة وسمات العناصر.تمت إزالة بعض العناصر والبعض الآخر له قيمة دلالية مختلفة عن ذي قبل.

هناك أيضًا واجهات برمجة تطبيقات محددة، مثل استخدام اللوحة، للمساعدة في إنشاء الجيل التالي من تطبيقات الويب والتأكد من توحيد عمليات التنفيذ.

يقدم HTML5 عددًا من واجهات برمجة التطبيقات التي تساعد في إنشاء تطبيقات الويب.يمكن استخدامها مع العناصر الجديدة المقدمة للتطبيقات:

  • واجهة برمجة التطبيقات (API) لتشغيل الفيديو والصوت والتي يمكن استخدامها مع عناصر الفيديو والصوت الجديدة.
  • واجهة برمجة التطبيقات (API) التي تمكن تطبيقات الويب غير المتصلة بالإنترنت.
  • واجهة برمجة التطبيقات (API) التي تسمح لتطبيق ويب بتسجيل نفسه لبروتوكولات أو أنواع وسائط معينة.
  • واجهة برمجة تطبيقات للتحرير مع واجهة برمجة تطبيقات عالمية جديدة contenteditable يصف.
  • واجهة برمجة تطبيقات السحب والإفلات مع draggable يصف.
  • واجهة برمجة التطبيقات التي تكشف السجل وتسمح للصفحات بالإضافة إليه لمنع كسر زر الرجوع.

قد تكون مهتمًا بهذه القائمة عناصر وسمات HTML5.

يرجى أيضًا ملاحظة أنه "HTML 4"، وليس "HTML4".في الواقع، بالنسبة لـ HTML 5، يتم استخدام كلا الخيارين، ولكن هناك اختلاف مهم في المعنى.يشير HTML 5 إلى اسم مواصفات W3C، في حين أن "HTML5" هو نوع المستند الخاص بملفات HTML ذات الامتداد text/html نوع MIME الذي يتبع هذه المواصفات.وينطبق الشيء نفسه على XHTML 5 مقابل.XHTML5.

الآن يوفر W3c اختلافًا رسميًا على موقعه:

http://www.w3.org/TR/html5-diff/

يدعوك HTML 5 إلى إضافة الكثير من القيمة الدلالية إلى التعليمات البرمجية الخاصة بك.علاوة على ذلك، هناك حلول أصلية لتضمين محتوى الوسائط المتعددة.

الباقي مهم، ولكنه أكثر تقنية مما سيوفر لك من القيام بنفس الأشياء باستخدام لغة برمجة العميل.

باختصار، يعد الأمر بسيطًا جدًا مقارنة بـ html، حيث تتم إزالة نوع المستند الطويل ويتم أيضًا إزالة علامة المركز والخط.لقد أجبت أيضًا على هذا الاختلاف في مدونتي:http://ravisinghblog.in/key-difference-between-html-and-html-5/

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top