الكود الجميل هو أساس موقع ويب جميل. لا يوجد CSS الممتاز إلا فوق كود HTML النظيف والدلالي الذي يجعل موقع الويب أكثر قوة. توضح هذه المقالة 12 قانونًا لتحقيق كود تصميم ويب نظيف، وهو مناسب لأي شخص يعمل في تصميم الويب.
1. DOCTYPE الصارم
إذا كنت تريد أن تفعل ذلك، افعله بشكل صحيح. سواء كان 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٪ الإعلان من خلال التحقق من W3C أن موقع الويب الخاص بك لا يدعم IE6 سوف يخسر أكثر من المكاسب، على الأقل في الصين - المترجم
11. ترتيب هيكلي معقول
حافظ على بنية صفحة الويب بترتيب منطقي.
12. ابذل قصارى جهدك
إذا كنت تكتب من الصفر، فمن الأسهل بالطبع الحفاظ على المبادئ المذكورة أعلاه، إذا كان عليك تعديل الكود القديم، فسيكون ذلك مؤلمًا، حيث سيؤدي ضعف الترميز لبعض أنظمة CMS إلى إحباطك ، أو لديك الكثير من الأشياء التي يجب تغييرها على موقع ويب كبير، بغض النظر عن ذلك، فمن المهم جدًا الحفاظ دائمًا على العادات الجيدة.