لقداهتم البعض بها كما تجاهلها البعض الآخر كم قد قرر البعض الابقاء على الأساليب القديمة ,بغض النظر عن كل ما قيل فإن أفضل مافي الموضوع هو أننا سنتحدث عن الـ ” HTML5 “, إنها في كل مكان وسنعرف كل شيء عنها.
إن الأشياء التي تشبه الـ jQuery , تقنيات التنسيقات أو Formating و توجهات التصميم , كل ما سبق هي أمور متغيرة بشكل متسارع في جميع أنحاء العالم على شبكة الانترنت.
وعلى جميع الأصعدة فنحن مجبرين على تقبل هذه الأشياء وعلى تعلم بأن ماقد يكون حديثاً اليوم قد يصبح قديماً و بالياً غداً وهذه هي طبيعة صناعتنا.
عندما نبحث عن بعض التبادل ف العمل فإننا ننتقل عادةً إلى الكود البرمجي ” Code ” حتى عندما يبقى و بشكل نسبي دون تعديل أو تحديث لفترة طويلة.
آمل أن نستطيع تقديم بعض النصائح والارشادات في هذا المقال فيما يخص الـ HTML5 للمساعدة في تخفيف حدة العمل على تغيير الكود.
ماهي الأساسيات ؟ الـ DOCTYPE :
عندما بدأت بإجراء الأبحاث عن الـ HTML5 منذ عدة اشهر واجهت إحدى أكبر الصعوبات و هي الـ DOCTYPE ولكن مع هذا فإنه شيء بسيط و بعد الكثير من الاحباطات المتواصلة وجدنا بأنه موجود ضمن الـ w3.org وهو كالتالي :
<!DOCTYPE html>
لقد تساءلت كثيراً لماذا اختاروا HTML بدلاً عن HTML5 ؟ لأنه وعلى ما يبدو طريقة منطقية لأعلام المتصفح بأن المستند الحالي تمت كتابته بواسطة HTML5 , كما لأنها تؤمن قالب جيد للمستقبل , وعند الأخذ بعين الاعتبار القدرة التوافقية فإن الـ <!DOCTYPEhtml> هي خيار ممتاز على الأقل وفقاً لرأيي الشخصي.
وعموماً فإنني ميال للـ <!DOCTYPEhtml> لأنها مختصرة و ذات فوائد كبيرة نستطيع نقلها بسهولة من موقع الكتروني إلى موقع الكتروني آخر.
بعض العناصر التي يتوجب علينا معرفتها:
للوهلة الأولى: مع الـ HTML5 ستعمل العناصر الجديدة على تخطي تنفيذ الأوامر حيث أن الـ W3C مصنفة خصيصاً لتوفير العناصر الجديدة تلك و جعلها متاحة , حيث أننا نمتلك كل عناصر البناء الرئيسية مثل :
- <header>
- <footer>
- <canvas>
- <audio>
والتي نستطيع الاستفادة منها حيث أن الـ API القوي أو على الاقل ما يبدو عليه كذلك فإنه يتيح لنا إمكانية إنشاء تطبيقات مرنة و سهلة أو بلغة احترافية “User- Friendly ” , خلال الاعتماد على الـ Flash لحفظ البيانات و الرشوم المتحركة.
كانت هذه المقدمة عبارة عن مدخيل لتسهيل عملية دراسة الـ HTML5 والاستفاضة بالشرح عنها حيث أننا سنبدأ بعناصر البناء الرئيسية بشكل تفصيلي.
إلى اللقاء في الدرس القادم: عناصر البناء الرئيسية في HTML.