HTML5 عناصر وسمات جديدة هي مغامرة وفرصة للمصممين

مقالة مقدمة من wulin.com (www.vevb.com): HTML5 ، الذي يشاع أنه قاتل الفلاش ، هي تقنية شبكة تحويلية تستخدم لتطوير تطبيقات الويب.

HTML5 ، الذي يقال إنه قاتل الفلاش ، هي تقنية شبكة تحويلية تستخدم لتطوير تطبيقات الويب. يوفر HTML 5 بعض العناصر والسمات الجديدة ، بعضها مشابه تقنيًا مع <Div> و <span> العلامات ، ولكن لديهم بعض المعاني ، مثل <v> و <tower>. ستكون هذه العلامة مواتية لفهرسة محرك البحث ، وأجهزة الشاشة الصغيرة والأشخاص الذين يعانون من ضعف البصر. في الوقت نفسه ، يتم توفير ميزات جديدة لعناصر التصفح الأخرى ، من خلال واجهة قياسية مثل علامات <Oudio> و <video>.

بالإضافة إلى واجهة DOM الأصلية ، يضيف HTML5 واجهات برمجة التطبيقات أكثر تنوعًا:

Canvas API: API للإخراج الديناميكي وتقديم الرسومات والمخططات والصور والرسوم المتحركة.

HTML5 الصوت والفيديو: عناصر جديدة في HTML5 ، فإنها توفر للمطورين واجهة برمجة تطبيقات شائعة ومتكاملة ومكتوبة لمعالجة الصوت والفيديو دون تثبيت أي مكونات إضافية.

واجهات برمجة التطبيقات للاتصالات: مؤسسان رئيسيان لبناء الاتصال في الوقت الفعلي والعاليق: رسائل مستند متقاطع و XMLHTTPrequest المستوى 2.

الوصف الفني أعلاه موجودة في وثائق Whatwg HTML ، ولكن لم يتم تضمينها جميعًا في وثائق W3C HTML5 ؛ قدمت W3C تفسيرات منفصلة لبعض التقنيات ، لذلك لن يتم تكرار هذه المقالة واحدة تلو الأخرى.

يبدو ذلك تقنيًا بعض الشيء ، فما هو تأثير HTML5 على التصميم؟ هذا شيء يجب على مصممي الويب والمطورين مراعاة بعد مناقشة رمز البرمجة.

أخذ حقل الإنترنت المحمول كمثال ، في مواجهة العديد من الأجهزة والمنصات الطرفية ، يتعين على المصممين والمطورين تقديم تنازلات من حيث عرض المنتج والاتساق في التجربة ، ويضيع الكثير من طاقتنا في عملية ملء المنصة. كان يمكن أن تصل المنتجات إلى مستوى أعلى ، ولكن واقع تجزئة المحطات المحمولة (بما في ذلك الأجهزة والبرامج) يحجب التمنيات الجيدة.

تشمل منصات تطوير الهاتف المحمول الرئيسية الحالية: iOS ، Symbian ، Linux ، Palm ، Blackberry ، Windows Mobile ، Android ، وما إلى ذلك ، يجب تصميم منصة iOS لقرارات 480*320 و 960*640 و 1024*768 على التوالي ؛ دقة QVGA هي 240*320 ، دقة WQVGA هي 240*400 ، دقة HVGA هي 320*480 ، دقة WVGA هي 480*800 ، دقة FWVGA هي 480*854 ، إلخ. يتمتع نظام Symbian بتاريخ طويل ، ويركز الآن بشكل أساسي على إصدارات S60 V3 و V5 ، ولا يزال الدقة 176*208 ، 208*208 ، 240*320/320*240 ، 352*416/416*352 و 800*352. حتى مع نفس النظام الأساسي ، فإن القرارات المختلفة سيكون لها اختلافات مماثلة. بالإضافة إلى ذلك ، يجب تحديث منتجات العميل وتكرارها بشكل مستمر ، من الإصدار 1.0 ، الإصدار 2.0 إلى الإصدار N.0 ؛ في كل مرة يتم فيها تطوير تطبيق أصلي ، يجب وضع منصة. والحقيقة هي أنه لن يقوم جميع المستخدمين بتحديث الإصدار الجديد بنشاط ، لذلك يجب على المصممين والمطورين أيضًا القلق بشأن ما إذا كان سيتم دعم الإصدار القديم السابق عند تطوير وظائف جديدة. اضرب منصات مختلفة عن طريق الإصدارات المختلفة ، يتم استثمار القوى العاملة والموارد المادية في عمل وضع النظام الأساسي ، والطاقة لتحسين تجربة مستخدم المنتج محدودة نسبيًا.

لذلك كان لدى الناس ما يكفي من تعذيب الأجهزة الطرفية المجزأة وبدأوا في التطلع إلى شيء مختلف عن التطبيقات الأصلية. أعطى ظهور تطبيقات الويب التي طورتها تقنية HTML5 المصممين والمطورين رؤية مشرقة. يتم تنفيذ عملية تقديم تقنية HTML5 بشكل أساسي بواسطة المتصفحات أو التطبيقات المضمنة مع HTML5 Larser أو التطبيقات التي تدعم افتتاح المرجعية أو منتجات الهاتف المحمول. وبهذه الطريقة ، لم يعد تحديث إطلاق المنتج وإصداره يستغرق وقتًا طويلاً لوضع النظام الأساسي. سيقوم المنطق الداخلي لـ AppLerator بتحويل واجهة المستخدم للمنتج إلى واجهة أصلية للمنصات مثل iOS أو Android. في الوقت نفسه ، لا تتطلب المنتجات في شكل تطبيق الويب من المستخدمين تنزيل وتحديث ، ويمكنهم الوصول إلى أحدث إصدار من خلال الشبكة ؛ كما أنه يسهل المصممين والمطورين إلى تصحيح الأخطاء والتصحيح ، ولم تعد هناك مشكلة في مراعاة الإصدارات الجديدة والقديمة في نفس الوقت.

HTML5 قوي للغاية لدرجة أنه لديه القدرة على تحسين جودة منتجات الإنترنت وتحسين البيئة الحقيقية للمطورين. لذلك ، يحتاج المصممون والمطورين إلى فهمه حسب الضرورة. ولكن هذا لا يعني أن المصممين يجب أن يضعوا عملهم والبدء في تعلم تكنولوجيا البرمجة. بدلاً من ذلك ، ينبغي عليهم النظر في التغييرات الواضحة التي سيتمكن HTML5 من إجراء تصاميم محددة ، وما هي تأثيرات التصميم التي يمكن أن تحققها تقنية HTML5؟

في ظل الدعوة النشطة للشركات العملاقة مثل Apple و Google و Microsoft ، أحرزت تقنية HTML5 تقدمًا سريعًا ، وأصبحت التأثيرات التي يمكن أن تحققها تطبيقات الويب أكثر وأكثر وفرة. يمكن بالفعل مقارنة العديد من تطبيقات الويب مع التطبيقات الأصلية. أفضل متصفحات دعم HTML5 هي Safari و Chrome و Firefox و Opera غير مرضية ، ومستعرض IE لديه أدنى دعم. كما هو مبين في الشكل أدناه:

في الوقت الحاضر ، نرى في كثير من الأحيان مقالات مقدمة ذات صلة مثل "19 مواقع ويب تم تطويرها باستخدام HTML5" و "25 Superb HTML5 Canvas Games" على الإنترنت. يمكن للمصممين استخدامه في كثير من الأحيان لتجربة ذلك. نظرًا لقيود المساحة ، لن تقدم هذه المقالة سوى عدد قليل من منتجات موقع الويب النموذجية التي تستخدم تقنية HTML5 للحصول على أمثلة.