HTML5 هو الإصدار التالي من معيار HTML. على الرغم من أن HTML5 لا يخرب HTML4 تمامًا ، إلا أنه لديهم أيضًا بعض الاختلافات. للحصول على أحدث وأجمل معلومات مقارنة HTML5-HTML4 ، يرجى الاطلاع على http://dev.w3.org/html5/html4-differences/ ، والتي يبدو أنها أكثر قليلاً. في هذا العالم الذي لا يزال فيه IE ، يمكنك أولاً إتقان الاختلافات في HTML5 ، ولم يفت الأوان بعد لدراستها بعناية بعد كل الدعم.
1. بناء جملة مبسط
يقوم HTML5 بتبسيط الكثير من بناء الجملة الدقيق ، مثل بيان Doctype ، تحتاج فقط إلى كتابة <! doctype html>. يحدد HTML 5 ترميز UTF-8 كما يلي <meta charset = utf-8>
2. <Canvas> تستبدل العلامة فلاش
تسبب Flash في مشكلة للعديد من مطوري الويب ، وتتطلب تشغيل Flash على صفحة الويب مجموعة من التعليمات البرمجية والمكونات الإضافية. تتيح علامة <Canvas> للمطورين التفاعل مع المستخدمين مع واجهة المستخدم طالما أنهم يستخدمون علامة واحدة.
3 أضاف العديد من العلامات الجديدة
يتمثل أحد مبادئ تصميم HTML5 في تعكس بشكل أفضل دلالات الموقع ، لذلك تتم إضافة علامات مثل <Header> و <Tooler> للإشارة بوضوح إلى بنية صفحة الويب ؛ إن إضافة علامات <section> و <article> ، <section> و <article> مفضيون أيضًا إلى توضيح بنية صفحة الويب وأكثر تفضيلاً لكبار المسئولين الاقتصاديين ؛ يمكن استخدام علامات <Mence> و <gient> ، <mence> لإنشاء قوائم تقليدية ، أو إلى أشرطة الأدوات وقوائم السياق. <GINGE> تجعل العلامات نصًا على الويب والصور أكثر احترافًا في التصميم ؛ تتم إضافة علامات جديدة <Oudio> و <video> ، وقد تكون هاتان العلامة هاتين العلامات الأكثر فائدة في HTML5 ، كما أنها مريحة للغاية للاستخدام. على سبيل المثال ، فإن تضمين مقاطع الفيديو في صفحات HTML5 لا يأخذ سوى قطعة صغيرة.
نسخة الكود كما يلي:
<عرض الفيديو = 450 ارتفاع = 340 عناصر التحكم>
<المصدر src = jamshed.mp4 type = video/mp4>
لا يدعم متصفحك ميزة تضمين الفيديو.
</video>
وبالمثل ، فإن الصوت والأشياء الأخرى متشابهة.
4. شكل جديد
قام HTML5 بالكثير من التعديلات على علامات <Porm> و <forminput> ، وأضاف العديد من السمات الجديدة ، وتعديل العديد من السمات.
5. حذف العلامات <b> و <font> ، <rame> ، <centre> ، <big> العلامات
6.HTML5 يدعم أنواعًا مختلفة من أنواع التخزين
يدعم HTML5 التخزين المحلي ، وتم تنفيذه من خلال ملفات تعريف الارتباط في الإصدارات السابقة. تخزين HTML5 المحلي سريع وآمن. ويحتوي HTML5 على كائنين مختلفين يمكن استخدامهما لتخزين البيانات. يخزن HTML5 والوصول إلى البيانات من خلال JS:
يعد LocalStorage مناسبًا لتخزين البيانات على المدى الطويل ، ولن يتم فقد البيانات بعد إغلاق المتصفح.
SessionStorage هو مجرد تخزين لبيانات الجلسة ، ويتم حذف البيانات المخزنة تلقائيًا بعد إغلاق المتصفح.
بشكل عام ، تجاوزت HTML5 نطاق لغات العلامات ، وستجعل العلامات الدلالية أكثر فائدة HTML5. Canvas+WebGL والتقنيات الأخرى تدرك إمكانيات الرسوم المتحركة الخالية من الإضافات وقدرات معالجة الصور والرسومات ؛ يمكن للتخزين المحلي إدراك التطبيقات غير المتصلة بالإنترنت ؛ WebSocket ، تغيير نموذج السحب النقي لـ HTTP لتحقيق حلم دفع البيانات ؛ يدعم Mathml ، SVG ، وما إلى ذلك ، تقديم أكثر ثراءً ، إلخ. الآن ، لا يزال فهم HTML5 في مرحلة السطح. في المستقبل ، سأقرأ المزيد من كتب HTML5 وأضيف بعض الأفكار.