بدأ الحديث منذ فترة عن ال HTML5 والـ CSS 3 لوصلوهم في نفس الوقت في الغالب
وارتباطهم ببعض القوى. حتى الآن اغلب المتصفحات الحديثة تدعم هذه التطورات فايرفوكس
واوبرا وكروم وسفارى . ولكن حتى الآن لم يتم دعم الـ HTML5 ولكن المستخدم والرسمي من W3C هو الـ
HTML4
HTML5
هو الإصدار الحالي من لغة تكوين
صفحات المواقع (HyperText
Markup Language).
و في الإصدار الجديد يتم تقديم عدد من العناصر الجديدة والتي تسهل من فكرة تكوين الصفحات
حسب ما نقوم به يدوياً في XHTML 1.0 بالإضافة إلى تسهيل الأمور على
محركات البحث في قراءة الصفحات ومعرفة ما هي أجزاء الصفحة الفعلية (الجزء العلوي (Header)،
القائمة (Navigation)، المحتوى (Sections) والجزء السفلي
(Footer)). كما توفر HTML5 عدد من
بيئات العمل المختلفة لتكوين الرسوميات والفيديو والعديد من المميزات التي تسهل الكثير
مما يتم القيام به حالياً.
1- DOCTYPE>
نوع الوثيقة ليست
من ضمن الوسوم ولكن هي بداية لأي صفحة بهذه اللغة لتخبر المتصفح نوع الوثيقة
أصبحت في الـ HTML5
هكذا DOCTYPE html> مع ملاحظة أنها يجب كتابتها قبل بداية وثيقة الـ
HTML.
DOCTYPE HTML>
<html>
<head>
<title>Page Title>
head>
<body>
Page
Content
body>
html>
<div id=”Header”>…>
أصبح في الـ HTML 5
<header>
2- <header>
هو أحد الوسومات
الجديدة والجديدة فيه سهولة استخدامه أكثر من مرة فهو هيدر للصفحة وهيدر للعمود وهيدر
للمقالة.
3- <nav>
معروفة بمنطقة
القوائم أو التنقلات.
4- <section>
يستخدم لتعريف
أقسام الصفحة على حسب الأنماط الخاصة بها فيمكن وضع سكشن للأخبار وسكشن الاتصال وهكذا.
5- <article>
يحتوى على أشكال
مختلفة للنصوص في الصفحة فهو خاص للمقالات أو التدوينات الخاصة بالمدونات وخلافه.
6- <aside>
هو الخاص بالجانب
سواء الأيمن أو الأيسر.
7- <footer>
ليس خاص بنهاية
الصفحة ولكن كما استخدمنا الهيدر في أكثر من مكان نستطيع استخدام الذيل في أكثر من
مكان هو ذيل للصفحة أو العمود أو المقالة وهكذا.
8- <Audio> >
أصبح بالإمكان
الآن وضع ملف صوت أو فيديو مباشرة في الصفحة فقط بهذا الوسم دون استخدام أي إضافات
أخرى.
9- <canvas>
هذا الوسم من الأوسمة
الجديدة، أصبح الآن بإمكانك إدخال لوحة رسومات في الصفحة بالحجم الذي تريده بكل سهولة
لإنجاز أعمالك.
رغم أن HTML5 لازالت
تعتبر في بداياتها إلا أنه خلال الاشهر الأخيرة ظهرت تجارب ومواقع تعرض فيه قوة HTML5
, وآخر هذه التجارب التي تعرض كيف أنه بالإمكان القيام بكثير من الأشياء بالـ HTML5 هي تجربة قوقل الجديدة والمسماة ب “The
Wilderness Downtown
وهذا العرض ما هو إلا فيديو كليب لأحد الاغاني
الاجنبية ولكن يتم عرض هذا الفيديو كليب من خلال المتصفح ولكن بطريقه رائعة جدا وبعروض
جرافيكس جميله وبإستخدام عدة خدمات إضافية مثل خرائط قوقل وأدوات للرسم , فعند فتح
موقع التجربة واختيار أحد المدن الأمريكية يبدأ تشغيل الفيديو من خلال فتح عدة نوافذ
في متصفح الكروم وكل ما عليك هو مشاهدة هذه النوافذ تتحرك وتتفاعل على حسب مقطع الفيديو
كليب وخلال التجربة تظهر إحدى النوافذ والتي يمكن الرسم عليها أو الكتابه والتي تتفاعل
مع الفيديو الكليب
.jpg)
ولقد قمت بتشغيل العرض وكان فعلا عرض مدهش
ورائع ,فقد كانت مشاهدة تفاعل النوافذ مع بعضها البعض مثير للدهشة خصوصا بأنها تعمل
HTML5 , أنصح
بمشاهدة العرض ويمكن إغلاق الصوت نهائيا عن الأغنية ومتابعة ما يحدث أمامك في الشاشة
, طبعا لمشاهدة العرض لابد من استخدام متصفح الكروم.
No comments:
Post a Comment