ما الفرق بين htmlوhtml5 و cssو css3?

إن الإصدارات من كلنا التقنيتين لها نفس طريقة الكتابة والأهداف منها، HTML لعمل البنية الأساسية للصفحات، و CSS لإضافة الألوان و التنسيقات، وكانت عمليات التطوير فيهما لإضافة بعض الميزات فقط، أي لا يوجد فروقات أساسية بينهما..

عليك البدء مباشرة بالإصدارات الحديثة HTML5 و CSS3 وإن كل الدورات الحديثة تتضمن التحديثات فيهما.

تفاصيل أكثر عن التحسينات في HTML 5:

أما المميزات في CSS3 : إضافة العديد من التأثيرات الجديدة وتعديل الحدود Borders وطرق جديدة للوصول لعناصر HTML عن طريق المحددات (Selectors) ومنها العناصر الزائفة (pseudo-elements) مثل after - before.

كلا الاصدارات لها تقريبا نفس الsyntax ولكن تختلف فى دعم بعض الاشياء واضافة وحذف بعض الوسوم

مثلا الفرق بين html وhtml5 يتلخص فى عدة اشياء من ضمنها الاتى

دعم الصوت والفيديو

فى الhtml لم يكن من المسموح ان تضع ملف صوتى او ملف فيديو بدون استخدام تقنية الflash او الjava applet

بينما فى Html5 يمكنك بمجرد وضع tag للصوت يسمى <audio> وtag للفيديو يسمى <video>

دعم الجافاسكريبت للعمل فى الخلفية

فى الhtml5 يمكنك تشغيل كود javascript فى الخلفية باستخدام ما يسمى بworker threads بينما لم تكن مدعومة تلك الخاصية فى الhtml الاصدارات الاقدم

دعم الsvg and canvas

اصدار الhtml5 يدعم الvector graphics باستخدام الsvg and canvas بينا فى الhtml الاصدارات الاقدم لم يكن بمقدورك تقديم vector graphics بدون استخدام تقنيات اضافية مثل الflash,vml,and silfer-light

.............................

ويوجد العديد من الفروق فى الدعم يمكنك الاطلاع عليها من هنا حتى لا اطول عليك

...............................

بالنسبة للcss /css3

يوجد عدة فروق مثل

التصميم المتوافق او ما يسمى بالresponsive design

فلم يكن ذلك مدعوما فى الcss بينما الcss3 تدعم خواص عديدة لجعل الصفحة متوافقة مع جميع الشاشات مثل الflex-box, grid

تحريك التصميمات بشكل ثلاثى الابعاد او ما يسمى بال3D animation

لم يكن ذلك مدعوما فى الcss بينما مدعوم فى الcss3 باستخدام الخاصية transform

تحسين الاداء

يوجد فرق ملحوظ فى الاداء بين الcss و الcss3 والمقارنة بالطبع تفوز بها الcss3

.................

وبالطبع يوجد العديد من الفروق الاخرى يمكنك الاطلاع عليها من هنا حتى لا اطول عليك

بالطبع يجب أو يفضل العمل بواسطة css3 و html5 وكما وضع وائل في التعليق السابق فإن css3 و html5 ما هي إلا إصدارات محدثة من ال css و html حيث أن هناك بعض الإضافات للإصارات المحدثة

فمثلاً التحديثات في html5 

• وسم ال Video وAudio
• ال canvas
• والعديد من الوسوم الجديدة مثل nav header footer و Progress

والعديد من الوسوم الأخرى يمكنك البحث عنها

أما بالنسبة ل css3 فيوجد الكثير من الإضافت الرائعة مثل

• تطوير ال Animations
• الدالة calc
• ال Gradients
• إمكانية إضافة العديد من الخلفيات
• ال 3D Transforms

والكثير من الإضافات الأخرى

لاحظ أنه في الدورات الحديثة نسبياً يتم استخدام ال html5 و ال css3 أي لا تشغل بالك بالإصدارات فقط تأكد أن الدورة حديثة وليست قديمة جداً