يؤدي تطوير الإنترنت دائمًا إلى ظهور تقنيات جديدة ، و HTML5 و CSS3 هي مواضيع ساخنة تمت مناقشتها مؤخرًا. إذن ما الذي يوجد بالضبط لـ HTML5 و CSS3 الذي يجعلنا نلمع؟ لقد شاركت معك "الكشف عن HTML5 و CSS3 " في مؤتمر WebRebuild Beijing Exchange وعصابة شاي Pearl Milk.
http://docs.google.com/present/view؟id=DHPDBRP_51HF88Z8G8
كان سلف مسودة HTML 5 يسمى تطبيقات الويب 1.0. في 22 يناير 2008 ، تم إصدار أول مسودة رسمية. HTML 5 هي أكبر قفزة في معايير تطوير الويب في العقد الماضي. على عكس الإصدارات السابقة ، فإن HTML 5 لا تستخدم فقط لتمثيل محتوى الويب موحدة. لذلك دعونا نلقي نظرة على نظرة عامة على HTML5:
أضافت HTML5 العديد من الوسائط المتعددة والعناصر التفاعلية مثل الفيديو والصوت. هذا جيد ، تمامًا مثل علامة IMG. من حيث تخطيط الصفحة وتنفيذ المحتوى ، أضافت HTML5 العديد من عناصر العلامات المهيكلة ، وعناصر مستوى الكتلة والدلالة. يصف سمة القيمة عدد المهام التي تم الانتهاء منها ، ويتمكن من الحصول على سمة الموضع هذه (القراءة فقط) من خلال واجهة DOM ، وهي سمة الموضع (القراءة فقط) النسبة المئوية لإنجاز المهمة. قام YouTube بمحاولة في تقنية HTML5. بالطبع ، أضاف HTML5 أيضًا بعض السمات إلى بعض العناصر ، مثل سمة العنصر النائب للإدخال والنص ، وهو ما يعادل موجه الإدخال في مربع الإدخال. السيناريو. بالنسبة لجميع السمات المشتركة HTML ، نطلق عليها عادة "السمات العالمية" ، مثل الفئة ، المعرف ، Tabindex ، العنوان. يضيف HTML5 أيضًا دعم Microdata ، مثل السمات الجديدة للعنصر ، العنصر ، الموضوع ، إلخ في HTML5.
بالطبع ، قام HTML5 أيضًا بإزالة بعض العناصر التي تمثل عرض الصفحة ، مثل الخط ، المركز ، الإضراب ، وما إلى ذلك. تمت إزالة ، مثل Frame و FrameSet و Noframe وبعض العناصر غير المألوفة مثل الاختصار ، و ABBR لتمثيل الاختصار. يزيل HTML5 أيضًا بعض الألفة HTML التي تؤثر على توافق العميل ، مثل سمة الرابط وسمات نطاق TD ؛
يوفر HTML5 أنواع تحكم قوية مثل عنوان URL ، والبريد الإلكتروني ، والتاريخ ، وملفاة ، وما إلى ذلك ، خصائص القيد القوية ، مثل المطلوب ، وسمات القبول لتحميل الملفات ، وبعض نماذج العناصر المكررة من النماذج. طريقة تقديم XML ، بحيث تكون البيانات التي يتلقاها الخادم بتنسيق XML ، ويتم تعريف نموذج HTML5 على أنه "نماذج الويب 2.0".
انقر هنا لعرض نماذج الويب 2.0 العرض التوضيحي ، Opera9.5+ مطلوب
العديد من واجهات HTML5 ترث من htmldocument في DOM المستوى 2 HTML. اختيار كائن المحدد له طريقتان على QuerySeletmater و QuerySelectorAll التي يمكن الحصول على العناصر المراد الاستعلام عنها بناءً على محدد CSS ، وهو ما يعادل Y.One و Y.all في Yui3.
ما هي واجهات برمجة التطبيقات التي أضيفتها HTML5 إلى JavaScript؟
الفيديو/الصوت: يوفر HTML5 واجهات برمجة التطبيقات للفيديو والصوت للسماح للمطورين بالتحكم في واجهات المستخدم الخاصة بهم ، مثل تشغيل محتوى الوسائط أو إيقافها.
قماش: قماش هو عنصر HTML جديد يمكن استخدامه بواسطة لغة البرنامج النصي (عادةً JavaScript) لرسم الرسومات. على سبيل المثال ، يمكن استخدامه لرسم الصور أو تصنيع الصور أو القيام بالرسوم المتحركة البسيطة (وليس بسيطة للغاية). Canvas شيء سحري. تعبئة أو تضع لون السكتة الدماغية من خلال Strokestyle ، وحتى تشغيل مسارات الرسم يتزامن مع تشغيل Photoshop Pen. تحتوي Canvas بالفعل على تطبيقات على العديد من مواقع الويب ، مثل إحصائيات حالة التنزيل في الوقت الفعلي لـ Firefox ، ويمكنك حتى استخدام القماش لكتابة ألعاب الويب.
Drag & Drop: في الوسائط المرئية التي تشير إلى الجهاز ، يكون تشغيل "Drag" حدثًا للماوس لأسفل و Mousemove مع Mousemove ، و "Drop" حدث يتم تشغيله عند إصدار الماوس. يتم تعريف واجهات DataEvent و DataTransfer في السحب والإفلات.
عمال الويب: اجعل JavaScript متعدد الخيوط ويمكنهم القيام بالكثير من العمل في الخلفية دون منع عمليات المتصفح الحالية.
الموقع الجغرافي: عند تشغيل Navigator. كائن الموضع. على بعض الهواتف المحمولة مثل iPhone.
ذاكرة التخزين المؤقت: هذا هو دعم HTML5 للتطبيقات غير المتصلة. . بالنسبة للتطبيقات غير المتصلة بالإنترنت ، قامت Google أيضًا بتطوير ملحق Google Gears Browser ، ولكن في النهاية ، قد يشهد تبديل Google إلى HTML5 أيضًا مزايا تطبيقات التخزين HTML5 وتكون غير متصلة بالإنترنت.
التخزين: نفذت WebKit تخزين قاعدة البيانات ، يمكنك الاستعلام عن البيانات وإجراء بعض العمليات مثل قاعدة بيانات تشغيل الواجهة الخلفية. هناك نوع آخر من التخزين ، مثل SessionStorage و LocalStorage ، والتي يمكن تخزينها والحصول عليها من خلال SetItem و GetItem.
رسائل X-Document: يمنع المتصفح اتصال المستندات بين المجالات المختلفة بسبب الأمان والخصوصية. يمكن تحقيق التواصل عبر الوضع المتقاطع ، مما يسمح لنا بتجاهل من أين يأتي المجال المصدر ، وفي الوقت نفسه يمنع هجمات البرنامج النصي.
هل جعلك HTML5 متحمسًا؟ إذن متى سيصبح HTML5 المعيار؟ يقال إنه سيكون حتى عام 2022 ، وهناك موقع ويب مثير للغاية http://ishtml5readyeet.com/ لإخبارك كم عدد الأيام التي يجب أن تكون فيها في HTML5.