نحن نستخدم XHTML+CSS لإعادة تصميم موقعنا. كيف نعرف أن الصفحات التي ننشئها تتوافق حقًا مع معايير الويب؟ توفر W3C وبعض مواقع الويب التطوعية برامج التحقق عبر الإنترنت لمساعدتنا في التحقق مما إذا كانت الصفحات متوافقة مع المعايير وتقديم تصحيحات خاطئة رسالة. تعتبر عمليات التحقق هذه مفيدة جدًا وهي أول شيء أقوم به عند تصحيح أخطاء الصفحة.
1. التحقق من صحة XHTML
عنوان URL للتحقق: http://validator.w3.org/
طريقة التحقق: التحقق من عنوان URL، والتحقق من تحميل الملف
إذا تم التحقق بنجاح، فسيتم عرض "هذه الصفحة صالحة لـ XHTML 1.0 Transitional!".
إذا فشل التحقق، فسيتم عرض المزيد من خيارات التحقق ورسائل الخطأ.
بشكل عام، يمكن أن يساعدك تحديد "إظهار المصدر" و"الإخراج المطول" في العثور على السطر الذي يوجد به رمز الخطأ وسبب الخطأ.
جدول المقارنة لأسباب خطأ التحقق من صحة XHTML الشائعة
لم يتم العثور على DOCTYPE! الرجوع إلى HTML 4.01 الانتقالي - لم يتم تعريف DOCTYPE.
لم يتم العثور على ترميز للأحرف بالعودة إلى UTF-8.--ترميز لغة غير محدد.
تم حذف علامة النهاية لـ "img"، ولكن تم تحديد OMITTAG NO--لم يتم إغلاق علامة الصورة بـ "/".
يجب أن تكون مواصفات قيمة السمة قيمة سمة حرفية ما لم يتم تحديد SHORTTAG YES--يجب أن يتم اقتباس قيمة السمة.
العنصر "DIV" غير محدد --- لا يمكن أن تكون علامات DIV مكتوبة بأحرف كبيرة ويجب تغييرها إلى div صغير.
السمة المطلوبة "alt" غير محددة---تحتاج الصورة إلى إضافة السمة alt.
السمة المطلوبة "النوع" غير محددة --- العلامة التي يستدعيها JS أو CSS تفتقد سمة النوع.
أحد الأخطاء الأكثر شيوعًا هو الكتابة بالأحرف الكبيرة في التسميات. وفي كثير من الأحيان تكون هذه الأخطاء مرتبطة ببعضها البعض، مثل نسيان خطأ آخر
2.CSS2 التحقق من الصحة
عنوان URL للتحقق: http://jigsaw.w3.org/css-validator/
طريقة التحقق: التحقق من عنوان URL، والتحقق من تحميل الملف، والتحقق المباشر من الرمز
إذا تم التحقق بنجاح، فسيتم عرض "تهانينا، لقد اجتاز هذا المستند عملية التحقق من ورقة الأنماط!"
إذا فشل التحقق، سيتم عرض نوعين من الأخطاء: الأخطاء والتحذيرات. الخطأ يعني أنه يجب تصحيحه، وإلا فلن ينجح في التحقق، والتحذير يعني أن هناك كودًا لا ينصح به W3C ويوصى بتعديله.
جدول المقارنة لأسباب خطأ التحقق من صحة CSS2 الشائعة
(خطأ) رقم غير صالح: color909090 ليس قيمة لون: 909090 ---يجب إضافة قيمة اللون السداسية العشرية بعلامة "#"، أي #909090
(خطأ) رقم غير صالح: هامش أعلى البعد غير معروف: 6 بكسل --- البكسل ليس قيمة وحدة، والطريقة الصحيحة لكتابته هي 6 بكسل
(خطأ) خاصية لون شريط التمرير غير موجودة: #eeeeee --- تحديد لون شريط التمرير خاصية غير قياسية
(خطأ) قيمة يد المؤشر غير موجودة: اليد هي قيمة سمة غير قياسية، تم تعديلها إلى المؤشر: المؤشر
(تحذير) السطر: 0 Font-family: يوصى بتحديد عائلة النوع كخيار أخير - توصي W3C أنه عند تحديد الخطوط، يجب إنهاء نوع الخط، مثل "sans-serif"، لضمان ذلك ويمكن استخدامه في عمليات مختلفة ضمن النظام، ويمكن عرض خطوط الويب.
(تحذير) السطر: 0 لا يمكن العثور على رسالة التحذير لملف تعريف آخر - يشير إلى وجود سمات أو قيم غير قياسية في الكود، ولا يمكن لبرنامج التحقق تحديد معلومات التحذير المقابلة وتقديمها.
عنوان الرابط لهذه المقالة: http://www.williamlong.info/archives/166.html