دليل المبتدئين لبناء صفحات الويب HTML5 / CSS3
لقد اجتاحت HTML5 و CSS3 الويب عن طريق العاصفة في عامين فقط. قبلها ، كان هناك العديد من الدلالات المعدلة في الطريقة التي يُتوقع من مصممي الويب من خلالها إنشاء صفحات ويب ، ومع وصولهم يأتي عدد كبير من الدعم الرائع مثل الوسائط البديلة وعلامات نمط XML وسمات الإدخال التدريجي لمصممي الويب لتحقيق حالمة ميزات مثل الرسوم المتحركة.
على الرغم من أن معظم المطورين يظهرون عروضًا تجريبية محتملة ومعقدة ، إلا أن HTML5 / CSS3 لا يمثلون علمًا صاروخيًا ، وسأرشدك خلال عملية الاسترخاء لبناء صفحة ويب قياسية HTML5 / CSS3 مع شرح شامل ومتعمق وتادا! تتوفر لك مكافآت مثل مصادر التعلم وقوالب HTML5 المجانية ، لذا اغتنم هذه الفرصة لبدء رحلة HTML5!
التغييرات بين HTML4 و HTML5
قد تتساءل عن سبب أهمية التبديل إلى HTML5. هناك عدد لا يحصى من الأسباب ، ولكن في الغالب لأنك سوف تكون العمل مع معايير الإنترنت العالمية مثل كل مصمم آخر. بهذه الطريقة ستجد المزيد من الدعم عبر الإنترنت و سيتم عرض مواقع الويب بشكل صحيح في المتصفحات الحديثة والتي تتحسن باستمرار.
(مصدر الصورة: W3C)
المقارنة بين HTML4 و HTML5 يصعب تحديدها على مستوى السطح. من مشاهدة مسودة HTML5 الجديدة ، يمكنك رؤية العناصر المميزة وإجراءات معالجة الأخطاء التي تم تصحيحها. يتمتع مطورو المتصفح على وجه التحديد بالمواصفات الجديدة لتقديم صفحات الويب الافتراضية.
ما هو أكثر من HTML5 هو تحويل متصفح الويب الحديث الخاص بنا. مع هذه المواصفات الجديدة ، يُنظر الآن إلى الويب ككل على أنها منصة التطبيق بناءً على HTML (خاصة HTML5) و CSS و JavaScript. أيضا ، هذا النظام بأناقة يخلق الانسجام بين مصممي الويب والمطورين من خلال وضع معايير مشتركة يجب أن تتبعها جميع المتصفحات.
بالإضافة إلى ذلك ، تم إنشاء العديد من العناصر تمثل وسائل الإعلام الرقمية العصر الجديد. وتشمل هذه و وهي ضخمة لدعم الوسائط المتعددة. في بعض المتصفحات ، يمكنك إكمال التحقق من صحة النموذج مباشرة في HTML. لا يزال هناك حاجة ماسة إلى jQuery ، نظرًا لوجود العديد من مطوري البرامج الذين لم يتعرفوا بعد على الميزات. إذا كنت ترغب في قائمة العلامات ، فتحقق من جدول مدارس W3Schools لمعرفة المزيد عنها.
العارية HTML5 الهيكل العظمي
أجد أسهل طريقة لفهم أي موضوع الغوص الحق في ذلك. لذلك سوف أقوم بإنشاء قالب أساسي أساسي لـ HTML5 لصفحة ويب. قمت بتضمين عدد قليل من العناصر الأحدث ، والتي آمل أن أصفها لاحقًا.
لدينا أول صفحة HTML5 اهلا وسهلا!
بعض المحتوى هنا.
لكن البعض هنا كذلك!