مدونة إحترف برمجة المواقع مع الأخ برحاب زكرياء

الأحد، 1 أكتوبر 2017

الدرس 01 : مقدمة HTML5

الدرس 01 : مقدمة HTML5
Résultat de recherche d'images pour "HTML5"

مقدمة HTML5

تعتبر لغة HTML5 الجيل الجديد من لغة HTML .



ماهي HTML5 ؟


ستكون لغة HTML5 المقياس الجديد للغة HTML .
بدأت إصدارات لغة HTML و HTML 4.01 في عام 1999 و لكن أنظمة الويب تغيرت كثيراً منذ ذلك الوقت حتى الآن .



كيف بدأت مسيرة HTML5 ؟


تعتبر لغة HTML5 سلسلة تعاونية مشتركة بين منظمة الويب العالمية W3C و مجموعة العمل التقنية لتطبيقات الويب النصية WHATWG .
لقد كانت WHATWG تعمل على إنشاء النماذج و التطبيقات بينما منظمة الويب تعمل على لغة XHTML 2.0 و في عام 2006 قررت الشركتان العمل المشترك لإنشاء نسخة جديدة و مطورة عن HTML .

المزايا الجديدة التي تضمنتها لغة HTML5 :



  •  مزايا جديدة ترتكز على لغات HTML و CSS و DOM و  JavaScript .

  • التقليل من استخدام اضافات خارجية مثل فلاش .

  • تحسين استكشاف الأخطاء .

  • المزيد من الوسوم / الوسوم للتقليل أيضاً من عمل السكربتات .

  •  يجب أن تكون لغة HTML5 مستقلة .

  • يجب أن تكون عملية التطوير متاحة للجميع .


إعلان الصفحة <!DOCTYPE>


باستخدام لغة HTML5 فقط يمكنك استخدام <!DOCTYPE> لإعلان أن صفحتك هي صفحة HTML5 .

الحد الأدنى من وسوم HTML5


في المثال التالي أبسط عملية لإنشاء صفحة ويب باستخدام لغة HTML5 :
<!DOCTYPE html>
<html>
<head>
<title>عنوان الصفحة</title>
</head><body>
محتوى الصفحة
</body>
</html>




الخصائص الجديدة للغة HTML5


بعض الخصائص الجديدة و المفيدة في لغة HTML5 هي :

  • وسم <canvas> للرسم الثنائي الأبعاد 2D .

  • وسوم <video> و <audio> للوسائط المتعددة .

  • دعم التخزين المحلي .

  • تحديد عناصر معينة للصفحة مثل <article>, <footer>, <header>, <nav>, <section> .

  • التحكم المميز بالنماذج مثل التقويم و التاريخ و الوقت و البريد و الروابط التشعبية و خاصية البحث .


المتصفحات الداعمة للغة HTML5


على الرغم من أن لغة HTML5 لم تعتمد رسمياً و ليست مدعومة بشكل كامل من المتصفحات إلا أن المتصفحات الرئيسية ( جوجل كروم , فايرفوكس , سفاري , اوبرا , انترنت اكسبلورر )  متابعة لتحديثات لغة HTML5 حتى النسخة الأخيرة منها .

بإمكانك إدراج الأكواد الغير قابلة لنشر بتحويله عبر محول الأكواد لتصلك إشعارات ردود هذا الموضوع على البريد الإلكترونى أضف علامة بالمربع بجوار كلمة "إعلامى" عبّر عن تعليقكالإبتسامات

التسميات

إتصل بنا
كن صديقًا لنا