سؤال

هذا السؤال لديه بالفعل إجابة هنا:

يحدد معيار HTML فصلًا واضحًا بين الاهتمامات بين CSS (العرض التقديمي) وHTML (الدلالات أو البنية).

هل يستخدم أي شخص مستند معايير الترميز لـ CSS وXHTML الذي يحتوي على بنود تساعد في الحفاظ على هذا الفصل؟ما هي البنود الجيدة التي يجب تضمينها في وثيقة معايير الترميز هذه؟

هل كانت مفيدة؟

المحلول

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

نصائح أخرى

المقالة التي أشار إليهاLee Theobald هي بداية جيدة.

بعض الأفكار الأساسية التي أحاول وضعها في الاعتبار عند الترميز:

فيما يتعلق بـ HTML:

حاول أن تكتب للشخص التالي - أي فكر في مدى سهولة أو صعوبة أن يأتي شخص آخر ويستلم عملك ويستمر.

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

على سبيل المثال، "التنقل الفرعي" و"المحتوى" وما إلى ذلك.

الهدف هو توفير علامة يمكن لأي شخص التقاطها دون أن ينظر إليها من قبل والتعرف على البنية المنطقية للمستند.

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

بخصوص ملفات CSS:

يقوم العديد من الأشخاص بتقسيم ملفات CSS الخاصة بهم إلى أقسام باستخدام التعليقات، وفصلها إلى مناطق وظيفية أو هيكلية.لذلك قد يكون لديك قسم لرأسك أو تذييلك أو أسلوب الطباعة وما إلى ذلك.يأخذ الآخرون هذا أبعد من ذلك ويقسمون ملف CSS عبر الملفات، بحيث يكون لديهم واحد للطباعة، وواحد للتخطيط وما إلى ذلك.ومع ذلك، يمكن أن يكون هذا وفقًا لـ Yslow!يمكن أن يكون له تأثير سلبي على تحميل الصفحة، بسبب زيادة طلبات http.

يمكنني أن أكتب أكثر، ولكن كما ترون أجد صعوبة في الإيجاز.آمل أن يكون هذا مفيدًا لك.

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top