الكود الجميل هو أساس موقع ويب جميل. لا يوجد CSS الممتاز إلا فوق كود HTML النظيف والدلالي الذي يجعل موقع الويب أكثر قوة. توضح هذه المقالة 12 قانونًا لتحقيق كود تصميم ويب نظيف، وهو مناسب لأي شخص يعمل في تصميم الويب. 1. نوع الوثيقة الصارمة إذا كان عليك القيام بذلك، فافعله بشكل صحيح. سواء كان HTML 4.01 أو XHTML 1.0، فإنهم جميعًا يوفرون الوضع الصارم. يمكن أن يضمن استخدام الوضع الصارم أن الكود الخاص بنا لا يخفي أي أخطاء. 2. إعلان مجموعة الأحرف، يتم ترميز الأحرف الخاصة يجب وضع إعلان مجموعة الأحرف أولاً في قسم hea> حتى يعرف المتصفح كيفية عرض كل المحتوى في صفحة الويب، بما في ذلك العنوان. بالإضافة إلى ذلك، من الأفضل استبدال بعض الأحرف الخاصة، مثل &، بـ &، وهي الطريقة الأكثر أمانًا. 3. القفل المناسب لن تؤثر المسافة البادئة على عرض صفحات الويب، ولكنها ستعمل على تحسين التجربة بشكل كبير عند قراءة التعليمات البرمجية المصدر. لا توجد قواعد محددة للمسافة البادئة، ولكن من الممارسات الجيدة أن تكون متسقًا طوال الوقت. 4. ضع CSS وJavaScript في ملفات خارجية إن وضع مراجع CSS وJavaScript في ملفات خارجية لا يؤدي إلى تقليل حجم صفحة ويب واحدة فحسب، بل يعني أيضًا أن صفحات الويب الأخرى يمكنها مشاركة هذه الرموز، بالإضافة إلى ذلك، يمكن لآلية التخزين المؤقت للمتصفح أن تقلل بشكل فعال التنزيلات المتكررة لنفس الكود. 5. ضع العلامات بشكل صحيح كما هو موضح أدناه، في السطر الأول من التعليمات البرمجية، يتم تضمين العلامة h1> في العلامة a>، على الرغم من أن معظم المتصفحات ستعرضها بشكل صحيح، إلا أن هذه ليست عادة جيدة، فالعلامة عبارة عن كائن كتلة، ولكنها كائن مضمّن. يجب ألا تحتوي الكائنات المضمنة على كائن كتلة. 6. قم بإزالة الأقسام غير الضرورية غالبًا ما يتم إساءة استخدام عناصر Div (خاصة في أسطورة DIV+CSS التي نحن فيها الآن - مترجم)، حيث يرغب الأشخاص في وضع كل شيء في div حتى يتمكنوا من تعيين أنماط CSS لهم، وقد تؤدي إساءة الاستخدام هذه إلى الانتفاخ. 7. استخدم اصطلاحات تسمية أفضل كما هو موضح أدناه، تم تسمية فئة CSS الخاصة بـ Cat باللون الأحمر المائل، مما يعني أن Cat تستخدم الخط الأحمر المائل. ماذا لو كنت تريد تغيير Cat إلى اللون الأزرق الغامق؟ 8. حاول استخدام CSS للتحكم في تخطيط النص كما هو موضح في الشكل أدناه، لا تستخدم الأحرف الكبيرة مباشرة، استخدم CSS للتحكم في تنسيق هذه الكلمات، والذي سيكون أكثر مرونة. 9. قم بتعيين فئة/معرف مستقل للجسم يمكن أن يؤدي تعيين فئة/معرف مستقل للنص إلى تحديد موقع أي كائن في الصفحة بسهولة، لأن جميع الكائنات الموجودة في الصفحة موجودة في النص. 10. التحقق وغني عن القول، أنه يجب عليك التحقق من كود صفحات الويب الخاصة بك كلما أمكن ذلك، على الرغم من أن بعض أخطاء الترميز يمكن تصحيحها تلقائيًا بواسطة المتصفح، إلا أن بعض الأخطاء سيكون لها عواقب سلبية، خاصة إذا كنت في الوضع الصارم. حتى لو لم تفعل شيئًا، فإن رؤية علامة التحقق الخضراء W3C يمكن أن تجعلك تشعر بالتحسن على الأقل. ليست هناك حاجة إلى أن تكون صارمًا لاجتياز اختبار W3C. هناك المزيد من الاعتبارات في تصميم الويب. فقط الالتزام بنتائج التحقق W3C قد يؤثر على بعض العوامل الأكثر أهمية. على سبيل المثال، يحتوي IE6 على العديد من الأخطاء في معيار W3C 100%إذا أعلنت أن موقعك لا يدعم IE6 من خلال التحقق من W3C، على الأقل في الصين، فسوف تخسر أكثر مما تكسب - مترجم 11. النظام الهيكلي المعقول حافظ على بنية صفحة الويب الخاصة بك بترتيب منطقي. 12. ابذل قصارى جهدك إذا بدأت الكتابة من الصفر، فمن الأسهل بالطبع الحفاظ على المبادئ المذكورة أعلاه. إذا كنت ترغب في تعديل الكود القديم، فسيكون ذلك مؤلمًا للغاية. سيؤدي الترميز السيئ لبعض أنظمة CMS إلى وضعك في مستنقع سيحتاج موقع الويب إلى التعديل إذا كان واسع النطاق. هناك الكثير من الأشياء، بغض النظر عن ذلك، فمن المهم الحفاظ دائمًا على العادات الجيدة.