مقالة مقدمة من wulin.com (www.vevb.com): 8 أفضل الممارسات لتحسين ترميز HTML5.
تشير جميع العلامات إلى أن عام 2012 هو بالتأكيد سنة تفشي HTML 5. أما بالنسبة للترميز الأمامي ، فقد اجتاحت HTML صناعة تطوير الويب بأكملها بطريقة فريدة من نوعها. لقد أصبح الأكثر في التكنولوجيا. كمطور أمامي ، إذا كنت لا تتعلم أو تفهم ترميز موقع HTML5 ، فأنت خارج!
2012 هو بالتأكيد العام الذي تنفجر فيه HTML5 ، وقد جلب HTML5 الكثير من الراحة للمطورين/المصممين. ليس من السهل الفهم فحسب ، بل التأثير مثير.
أما بالنسبة للترميز الأمامي ، فقد اجتاحت HTML صناعة تطوير الويب بأكملها بطريقة فريدة من نوعها. لقد أصبح الأكثر في التكنولوجيا. كمطور أمامي ، إذا كنت لا تتعلم أو تفهم ترميز موقع HTML5 ، فأنت خارج! قبل البدء في التعلم ، يجب عليك معرفة الفرق بين CSS3 و HTML5. اليوم ، سنناقش بشكل أساسي أفضل الممارسات المبررة في كود HTML5. بعد قراءة هذا المقال ، سوف تكتسب بالتأكيد الكثير من المال وسيستحق الرحلة!
1. مولد HTML5 (رمز/تشفير)
غالبًا ما يبدأ المطورون/المصممون من نقطة الصفر قبل تطوير موقع ويب جديد. سيقومون بإنشاء قالب أساسي يعتمد على كل متطلبات ، والذي من الواضح أنه يستغرق الكثير من الوقت. سيوفر لك مولد HTML5 (الرمز/الترميز) الكثير من الوقت دون كتابة رمز جديد لكل صفحة. أفضل شيء في HTML5 (رمز/تشفير) المولدات هو أنها بسيطة وسهلة للبدء. لكي تكون دقيقًا ، تحتاج فقط إلى ملء النموذج وإنشاء قوالب HTML5 وفقًا لاحتياجاتك ، لذلك لا تحتاج إلى إعادة ترميز كل صفحة.
من الواضح ، ستجد أن هناك مجموعة واسعة من مولدات HTML5 (رمز/تشفير) ، ويمكنك اختيار واحدة تناسبك وفقًا لاحتياجاتك. بالطبع ، يمكنك أيضًا اختيار بعض القوالب الجاهزة للتقدم مباشرة.
أوصى عدة المولدات
2. فهم إعلان نوع المستند بشكل صحيح
إذا لم تكن راضيًا عن الترميز التلقائي وتخطط لكتابة التعليمات البرمجية لموقع الويب الخاص بك بنفسك ، فمن المهم للغاية فهم Doctype HTML5 (إعلان نوع المستند). يرجى تذكر أن تعديل علامة doctype غير مستحسن ، لذلك قبل اتخاذ القرارات والتغييرات ، تأكد من أن لديك فهمًا جيدًا لـ Doctype ولن ينتهي في مأساة.
3. استخدم ورقة الغش
كما نعلم جميعًا ، يتغير تطوير العلوم والتكنولوجيا مع كل يوم يمر. لذلك لا توجد حاجة إلى حالة من الذعر إذا كنت لا تستطيع تذكر جميع ميزات HTML5 المتغيرة. يمكنك استخدام أوراق الغش HTML5.
انقر لعرض الصورة الأكبر
توصية المقالة: هذا الغش في HTML5 النهائي [الرسم البياني]
4. خطة التوافق المتخلف
حاليًا ، تدعم جميع متصفحات WebKit (kernel) HTML5. حتى إذا لم يتم دعم جميع ميزات (HTML5) الجديدة ، فيمكن دعم معظمها. هناك جانب إيجابي آخر لـ HTML5 وهو التوافق المتخلف ، مما يعني أن ميزات HTML5 الجديدة ليست عبئًا كبيرًا على التعلم للمطورين ، حتى يتمكنوا من التعلم بدون معلم.
5. حاول تجنب مشاكل التوافق
في التنمية اليومية ، قد تواجه بعض مشكلات التوافق. على الرغم من أن HTML5 هي تقنية جديدة ، إلا أنه قد لا يتم دعم بعض الميزات والميزات الجديدة. ومع ذلك ، فإن هذه ليست مشكلة ، ويمكنك بسهولة معرفة العناصر التي يدعمها متصفحك على موقع Can Ususe.com. ليس ذلك فحسب ، يمكنك العثور على مصطلحات تقنية مهمة أخرى أعلاه ، مثل أيقونات توافق CSS3 و JavaScript. لذلك ، إذا كنت تتطور باستخدام HTML5 ، فمن الأفضل إضافة موقع الويب الذي يمكن استخدامه على موقع الإشارة إلى الإشارة إلى الإشارة إلى الإشارة إلى الإشارة.
6. استخدم كل عنصر بمسؤولية
بالمناسبة ، تعرف على نفسك وعدوك ، وسوف تفوز بكل معركة. قبل استخدام العناصر ، يجب أن تفهم الغرض من كل عنصر وتأثيره واختيار العناصر التي تناسبك. دعونا نلقي نظرة على العناصر المكونة الأساسية لـ HTML5 ونفهم الغرض من كل عنصر.
7. ابدأ HTML5 في الإصدار القديم من IE
أن نكون صادقين ، كان IE دائمًا صداعًا للمطورين والمصممين. IE8 والإصدارات السابقة من المتصفحات لا تدعم HTML5 على الإطلاق. ومع ذلك ، يمكنك استخدام البرامج النصية التالية في هذه الإصدارات من متصفح IE لمساعدتك في البدء في دعم HTML5:
8. ترميز التحقق
باستخدام HTML5 لتطوير موقع الويب ، يعد التحقق من التعليمات البرمجية أمرًا مهمًا للغاية ، وأفضل طريقة هي استخدام مصادقة W3C. هذه في الواقع أداة ممتازة للتحقق من جودة الرمز والتحقق من أخطاء التعليمات البرمجية.
أخيرًا ، نأمل أن تساعدك هذه الطرق المذكورة أعلاه في استخدام HTML5 بشكل أكثر فعالية.