في الأيام الخوالي، عندما كانت معايير HTML هدفًا متحركًا، لم يكن من المهم ما إذا كنت قد أنهيت علامة <p> بشكل صحيح أو أبقت قواعد التنسيق منفصلة عن رمز النمط الخاص بك. علامات غير متطابقة، وسمات مفقودة، وعناصر متداخلة بشكل سيئ - يؤدي الافتقار إلى معايير معتمدة على نطاق واسع إلى هذه الأخطاء وغيرها، ولكن نظرًا لأن معظم المتصفحات تتمتع بذكاء مدمج لتجنب هذه الأخطاء، فإن معظم المطورين لن يكونوا على علم بوجودها على الإطلاق .
وعلى الرغم من أن المتصفح نفسه يحاول إصلاح هذه الأخطاء، إلا أن هذا لا يعني أنه يمكنك تجاهل هذه المشكلات. لكي تعمل صفحات الويب الخاصة بك بشكل متسق في جميع المتصفحات، يجب أن يكون HTML الخاص بك متسقًا تمامًا مع القواعد وبناء الجملة المحددة في معيار W3C. هناك العديد من الأدوات لتحقيق هذا المطلب، سواء عبر الإنترنت أو دون اتصال بالإنترنت لهم: HTML Tidy الرائع جدًا.
HTML Tidy هي أداة مجانية لفحص HTML، وهي مصممة للتحقق من كود HTML الخاص بك والإشارة إلى الأماكن التي لا تتوافق فيها بشكل كامل مع معايير W3C المنشورة يمكن إجراء التعديلات اللازمة تلقائيًا لجعل الكود متوافقًا مع المعايير ذات الصلة.
ثَبَّتَ
إن HTML Tidy مجاني ويمكن تشغيله على الأنظمة الأساسية Windows وMacintosh و*NIX، وتتوفر الإصدارات الثنائية للاستخدام الفوري. إذا كنت تقوم بتشغيل نظام أساسي *NIX، فقد تفضل تجميعه وتثبيته من التعليمات البرمجية المصدر بنفسك افعل: قم باستخراج الملفات المصدر إلى مجلدك المؤقت وقم بإجراء عملية التثبيت والترجمة الأساسية، مثل هذا:
Shell> cd /tmp/tidy/build/gmake
شل> اصنع
شل> إجراء التثبيت
عند اكتمال هذه العملية، يجب أن تكون قادرًا على العثور على نسخة ثنائية مجمعة من Tidy في المجلد /tmp/tidy/bin/tidy. انسخ هذا الملف إلى مجلد النظام الخاص بك /usr/local/bin / بحيث يسهل الوصول إليه . أنت الآن جاهز لاستخدام هذه الأداة.
الاستخدام الأساسي
بمجرد تثبيت الإصدار الثنائي، يمكنك البدء فورًا في استخدامه للتحقق من كود HTML. تعرض القائمة (أ) مثالاً بسيطًا:
القائمة أ:
شل> مرتب -e -q Index.html
السطر 1 العمود 1 - تحذير: تعريف <!DOCTYPE> مفقود
السطر 2 العمود 1 - تحذير: إدراج عنصر "العنوان" المفقود
السطر 4 العمود 1 - تحذير: الهامش الأيسر للسمة الخاصة بـ <body>
السطر 6 العمود 1 - تحذير: ارتفاع السمة الخاصة بـ <table>
السطر 6 العمود 1 - تحذير: <table> يفتقر إلى سمة الملخص
السطر 11 العمود 37 - تحذير: <img> يفتقر إلى السمة البديلة
السطر 15 العمود 1 - تحذير: <table> يفتقر إلى سمة الملخص
السطر 17 العمود 50 - تحذير: <img> يفتقر إلى السمة البديلة
في هذا المثال، عثر Tidy على ثمانية أخطاء محتملة في الملف وقام بطباعة تحذير لكل خطأ. لاحظ أن هذه الأخطاء ليست أخطاء جسيمة، ولكنها مجرد تحذير من أن بعض أجزاء التعليمات البرمجية ليست صحيحة تمامًا.
يمكنك تصحيح الملف الأصلي تلقائيًا عن طريق إضافة خيار -m (المعدل) إلى سطر الأوامر:
شل> مرتب -m -q Index.html
إذا كنت بحاجة إلى اختبار موقع ويب كبير، فيمكنك استخدام أحرف البدل في سطر الأوامر لاختبار جميع الملفات الموجودة في مجلد (بدلاً من ملف واحد فقط):
شل> مرتب -m -q *.html
إذا كنت تريد أن يساعدك Tidy في كتابة صفحة الويب المنقحة إلى ملف جديد (بدلاً من الكتابة فوق الملف الأصلي)، فاستخدم خيار -output مع اسم ملف جديد، كما في المثال التالي:
Shell> مرتب -output Index.html.new -q Index.html
يمكنك إخراج جميع الأخطاء إلى ملف سجل منفصل لمراجعتها لاحقًا عبر خيار -e ("خطأ"):
shell> tidy -f error.log Index.html
لاحظ أيضًا أنه إذا كانت تعليمات HTML البرمجية الخاصة بك تحتوي على تعليمات برمجية PHP أو ASP أو JSP مضمنة، فسوف يتجاهلها Tidy ببساطة ويتركها في مكانها، مما يعني أنه يمكنك أيضًا تشغيل أداة Tidy على برنامج نصي من جانب الخادم، للتحقق من جزء تعليمات HTML البرمجية، هذا هو مثال:
شل> مرتب -e -q المعالج.php
يمكنك أيضًا تشغيل أداة Tidy بشكل تفاعلي، واستدعاء ملف البرنامج دون إلحاق أي معلمات. في هذا المثال، ينتظر Tidy الإدخال من وحدة التحكم ويتحقق من وجود أخطاء، وتعرض القائمة B مثالاً على ذلك:
القائمة ب
قذيفة> مرتبة
<أتش تي أم أل>
السطر 1 العمود 1 - تحذير: تعريف <!DOCTYPE> مفقود
<الرأس>
<العنوان>هذا اختبار
</الرأس>
السطر 3 العمود 1 - تحذير: </title> مفقود قبل </head>
<الهامش الأيسر للنص=0>
<ص>
هذه فقرة منتهية بشكل سيء
</الجسم>
</html>
السطر 5 العمود 1 - تحذير: الهامش الأيسر للسمة الخاصة بـ <body>
معلومات: يبدو محتوى المستند وكأنه ملكية HTML
3 تحذيرات، تم العثور على 0 أخطاء!
لاحظ أنه بالإضافة إلى إعطائك تحذيرات من الأخطاء في الوقت الفعلي، يمكن لـ Tidy أيضًا طباعة الإصدار الصحيح من الكود في نهاية الإدخال:
<أتش تي أم أل>
<الرأس>
< اسم التعريف = محتوى المولد =
HTML Tidy لنظام التشغيل Linux/x86 (الإصدار 1 سبتمبر 2005)، راجع www.w3.org>
<title>هذا اختبار</title>
</الرأس>
<الهامش الأيسر للنص=0>
<p>هذه فقرة منتهية بشكل سيء</p>
</الجسم>
</html>
التطبيقات المتقدمة
يمكنك أيضًا التحكم في كيفية تعديل Tidy للملف، ويمكن تحقيق ذلك عن طريق تمرير معلمات محددة في سطر الأوامر، على سبيل المثال، لكي يقوم Tidy بإعادة المسافة البادئة للكود بشكل صحيح، يمكنك إضافة خيار -i ("مسافة بادئة"):
shell> tidy -output new.html -i Index.html
لاستبدال <font> وعناصر التنسيق الأخرى المتعلقة بقواعد نمط CSS، يمكنك استخدام الخيار -c ("clear"):
Shell> مرتب -إخراج new.html -c Index.html
افتراضيًا، يستخدم Tidy الأحرف الصغيرة لجميع العلامات والسمات في ملفات HTML. إذا كنت تريد استخدام الأحرف الكبيرة، فيمكنك إضافة خيار -u ("الأحرف الكبيرة")، كما هو موضح في المثال التالي:
Shell> tidy -output new.html -c -u Index.html
لالتفاف النص بعرض سطر محدد، يمكنك إضافة خيار -w ("التفاف السطر") بعرض السطر المحدد، كما هو موضح في المثال التالي:
Shell> tidy -output new.html -w 40 Index.html
يمكنك تحويل مستند HTML إلى مستند XHTML جيد التصميم عن طريق إضافة الخيار -asxhtml:
Shell> مرتب -output new.html -asxhtml Index.html
العملية العكسية ممكنة عبر خيار -ashtml:
Shell> مرتب -output new.html -ashtml Index.html
إذا كنت بحاجة إلى إجراء تعديلات واسعة النطاق على خيارات Tidy الافتراضية، فمن الأفضل وضع هذه الخيارات في ملف تكوين منفصل يمكنك الرجوع إليه في كل مرة تتصل فيها بالبرنامج. تعرض القائمة C مثالاً لملف التكوين:
القائمة ج:
عارية: نعم # إزالة HTML الملكية
نوع الوثيقة: تلقائي # قم بتعيين نوع الوثيقة
Drop-empty-paras: Yes # حذف علامات <p> الفارغة تلقائيًا
إصلاح الخط المائل العكسي: نعم # استبدال بـ / في عناوين URL
السمات الحرفية: نعم # احتفظ بالمسافة البيضاء في قيم السمات
الحروف السفلية: نعم # تحويل قيم السمات إلى أحرف صغيرة
إخراج xhtml: نعم # إنتاج إخراج XHTML صالح
علامة الاقتباس: نعم # استبدال & بـ &
علامات الاقتباس: نعم # استبدل بـ
السمات المتكررة: keep-last # استخدم آخر السمات المكررة
المسافة البادئة: نعم # المسافة البادئة تلقائيًا للرمز
المسافات البادئة: 2 # عدد المسافات البادئة
التفاف php: لا يوجد نص التفاف موجود في علامات PHP
ترميز char: ترميز الأحرف ascii # للاستخدام
علامة مرتبة: لا # حذف معلومات تعريف مرتبة في التعليمات البرمجية المصححة
عند تنظيم ملف، يمكنك إخبار Tidy باستخدام هذه الإعدادات عن طريق إضافة خيار -config إلى سطر الأوامر:
Shell> tidy -output a.html -configconfig.tidy Index.html
يمكنك الحصول على قائمة بخيارات التكوين باستخدام خيار -help-config:
Shell> tidy -help-config...quote-ampersand Boolean y/n,
نعم/لا، t/f، صحيح/خطأ، 1/0 علامات اقتباس منطقية y/n،
نعم/لا، t/f، صحيح/خطأ، 1/0quote-nbsp منطقية y/n،
نعم/لا، t/f، صواب/خطأ، 1/0 سمات متكررة احتفظ بها أولاً،
إبقاء-lastreplace-color Boolean y/n، نعم/لا،
t/f، صحيح/خطأ، 1/0عرض الجسم فقط منطقي y/n،
نعم/لا، ر/و، صحيح/خطأ، 1/0...
أو استخدم خيار -show-config لعرض لقطة لإعدادات التكوين الحالية:
Shell> مرتب -show-config...show-body-only
عدد صحيح للأخطاء المنطقية
6show-warnings أسلوب نعم منطقي
Stringsplit منطقية لا ...
وأخيرًا، يمكنك استخدام الخيار -h للحصول على المساعدة من سطر الأوامر:
شل> مرتب -h
هذا كل ما في الأمر الآن. نأمل أن تجد Tidy أداة قيمة للغاية في مساعدة موقعك على أن يصبح متوافقًا تمامًا مع معايير النشر W3C. ستمنحك النقاط الواردة في هذا الدليل فكرة عن كيفية التحكم في أداة HTML Tidy التعليمات البرمجية الخاصة بك وتساعدك أيضًا على استخدام هذه الأداة بشكل أكثر كفاءة.