1. ميزات HTML5 الجديدة الرئيسية
1. تشغيل الصوت والفيديو المحلي ؛
2. الرسوم المتحركة.
3. المعلومات الجغرافية ؛
4. تسارع الأجهزة.
5. قم بتشغيل محليًا (حتى بعد مقاطعة اتصال الإنترنت) ؛
6. التخزين المحلي ؛
7. اسحب الملفات وإسقاطها من سطح المكتب لتحميلها إلى المتصفح ؛
8. علامات الدلالية ؛
2. الحالة الحالية لتطبيق HTML5
اليوم ، يتمتع المتصفحات الرئيسية بدعم مختلف لـ HTML5. نتطلع إلى أن يصبحوا متسقين خلال عام واحد أو عامين. قد تعتقد أنه نظرًا لأن هذا هو الحال ، فربما يستخدم قلة من الناس هذا المعيار المستقبلي الآن. هذا ليس هو الحال. وقد تم استخدام HTML5 على نطاق واسع الآن. كما قال وليام جيبسون ، وصلت شبكة المستقبل ، لكن لم يتم تبنيها على نطاق واسع بعد.
قد لا تعرف أن صفحة Google الرئيسية تستخدم HTML5 أيضًا ، ولكن في الوقت الحالي ، تستخدم فقط HTML5 Doctype ، وما زالت بقية الصفحة رمزًا قديمًا ، لكن Google تعتمد على نطاق واسع HTML5 في تطبيقاتها المختلفة. المثال الأكثر نموذجية هو Gmail. يتيح التخزين HTML5 دون اتصال للمستخدمين استخدام Gmail حتى عند عدم الاتصال بالإنترنت. بالإضافة إلى ذلك ، تستخدم مستندات Google أيضًا التخزين في وضع عدم الاتصال. تتضمن تطبيقات مماثلة من الشركات المصنعة الأخرى التي تستخدم أيضًا التخزين في وضع عدم الاتصال جناح Office الخاص بـ Zoho ومنصة مدونة WordPress. إذا كنت مهتمًا بتخزين HTML5 في وضع عدم الاتصال ، فيمكنك إلقاء نظرة على مقالة Mark Pilgrim كيفية إضافة الدعم دون اتصال إلى تطبيقاتك.
3. قارئ المستندات المستند إلى Scribd HTML5
الصورة أعلاه هي قارئ المستندات الجديد لـ Scribd ، وكل ذلك يعتمد على معايير الويب وعدم استخدام Flash
بالإضافة إلى مقاطع الفيديو ، يمكن لـ HTML5 استبدال الفلاش في العديد من الجوانب. أعلنت موقع مشاركة المستندات Scribd مؤخرًا أنها ستستخدم HTML5 لاستبدال Flash لتنفيذ قراء المستندات. Scribd هو أفضل مثال على الميزات المذهلة التي يمكن أن يحققها HTML5 مع CSS. كما أنهم يستخدمون @font-face لتنفيذ الخطوط المخصصة. بالإضافة إلى ذلك ، فإن تأثير التحول عند تشغيل الصفحات يعتمد تمامًا على CSS3. يتيح مزيج من أدوات الويب القياسية هذه Scribd تحقيق HTML فوق القصور من الفلاش إلى HTML النقي ، دون التضحية بوظيفة المستندات في الهيكل ، والخطوط ، والصور المدمجة ، والطبقات ، إلخ.
4. HTML5 Canvas و HTML5 Videos
لعبة الغزاة الكلاسيكية على أساس كائنات قماشية HTML5
على الرغم من أن تطبيق Scribd على القماش رائع ، إلا أنه يمكننا العثور على المزيد من المواقع. تحتوي Canvas Demos على مجموعة من التطبيقات حول القماش ، من مختلف الألعاب عبر الإنترنت إلى تطبيقات قوس قزح التي تستخرج الألوان من صفحات الويب.
الأمثلة الأكثر نموذجية حول مقاطع الفيديو هي YouTube و Vimeo ، وكلاهما يوفر إصدارات HTML5.
5. HTML5 وضع المعلومات الجغرافية
انقر على الدائرة فوق الشرير الأصفر في الخريطة لإخبار Google بخرائط موقعك الجغرافي
ميزة أخرى من HTML5 هي وظيفة تحديد الموقع الجغرافي. توفر بعض المتصفحات واجهة برمجة تطبيقات تحديد الموقع الجغرافي ، والتي تتم إدارتها أيضًا بواسطة W3C ويمكنها الجمع بين HTML5 لتحقيق موقع تحديد الموقع الجغرافي الحالي. خرائط Google باستخدام هذه الميزة ، هناك دائرة صغيرة على خرائط Google. فقط انقر لإخبار خرائط Google حيث أنت الآن. في الوقت الحالي ، لا يتم اعتماد واجهة برمجة تطبيقات الموقع الجغرافي على نطاق واسع من قبل العديد من متصفحات سطح المكتب (فقط Chrome و Firefox 3.6+) ، ولكن يمكن أن يساعد مكونات Google Gears المتصفحات القديمة في تنفيذ هذه الميزة.
يستخدم Twitter هذا لتحقيق رسائل تغريدات على دراية بالمعلومات الجغرافية. عندما يدعم المتصفح واجهة برمجة تطبيقات تحديد الموقع الجغرافي ، فإنه سيستخدم API تلقائيًا. خلاف ذلك ، سيتم استخدام Google Gears.
6. المزيد من المعاني من HTML5
HTML5 له معنى أكبر بكثير مما سبق. تكمن أهمية أكبر في تغيير بنية مستندات الويب. بمساعدة رأس ، تذييل ، قسم ، مقال ، وما إلى ذلك ، يمكننا تنفيذ مستندات الويب أكثر تنظيماً ودلقية. وبهذه الطريقة ، يمكن لمحركات البحث فهرسة مواقع الويب بسهولة ، ويمكننا أيضًا البحث عن معلومات أسرع وأكثر دقة.
هناك عدد لا يحصى من المواقع التي تستخدم علامات HTML5 الجديدة ، ويمكنك العثور على عدد كبير من هذه المواقع في HTML5Gallery. إذا كنت ترغب في استخدام هيكل HTML5 الجديد الآن ، فيمكنك أيضًا إلقاء نظرة على هذا البرنامج التعليمي HTML5.
بالإضافة إلى ذلك ، بمساعدة microdata ، يمكن لـ HTML5 أيضًا تنفيذ بنية دلالية أكثر قوة. يسمح تنسيق البيانات الموحد هذا (على غرار التنسيق الدقيق) لموقعك ليس فقط توفير البيانات ، ولكن أيضًا توفير تعريفات البيانات. Microdata لها أهمية كبيرة لكل من المتصفحات ومحركات البحث. يمكن لمحركات البحث استخدام microdata لاكتشاف الأصدقاء على شبكتك ، ويمكن للمتصفحات الاتصال بموقع صديق الشبكة الاجتماعية الخاصة بك. يمكنك تجربة هذا في أداة اختبار مقتطفات Google Rich.