إن الإصدارات من كلنا التقنيتين لها نفس طريقة الكتابة والأهداف منها، HTML لعمل البنية الأساسية للصفحات، و CSS لإضافة الألوان و التنسيقات، وكانت عمليات التطوير فيهما لإضافة بعض الميزات فقط، أي لا يوجد فروقات أساسية بينهما..
عليك البدء مباشرة بالإصدارات الحديثة HTML5 و CSS3 وإن كل الدورات الحديثة تتضمن التحديثات فيهما.
أما المميزات في 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 أي لا تشغل بالك بالإصدارات فقط تأكد أن الدورة حديثة وليست قديمة جداً