مدقق HTML

Free

يتحقق من HTML بحثًا عن الوسوم غير المغلقة، والمعرّفات المكررة، والعناصر القديمة، ومشكلات شائعة أخرى محددة جيدًا، تم التحقق منه بمحلل مطابقة وسوم خاص به، وليس مدقق مطابقة W3C الكامل.

يتحقق هذا من مشكلات HTML الشائعة والمحددة جيدًا (الوسوم غير المغلقة، المعرّفات المكررة، العناصر القديمة، نص alt المفقود وما شابه)، وهو ليس مدققًا كاملاً لمطابقة مواصفات HTML5 الخاصة بـ W3C.

مصدر HTML

النشاط الأخير

مرئي للجميع. آخر 20 استخدامًا من جميع الزوار، الأحدث أولاً.

لا يوجد نشاط بعد. كن أول من يبدأ.

التعليقات (0)

هل وجدت هذه الأداة مفيدة؟ اترك تعليقًا، أو شارك نصيحة، أو أخبرنا كيف يمكننا تحسينها.

لا توجد تعليقات بعد. كن أول من يشارك رأيه!

ماذا تفعل هذه الأداة

الصق HTML وستتحقق منه هذه الأداة بحثًا عن مجموعة مركزة من المشكلات الشائعة والمحددة جيدًا: الوسوم غير المغلقة أو غير المتطابقة، وسمات id المكررة، نص alt المفقود على الصور، العناصر القديمة، صيغة الإغلاق الذاتي غير الصالحة على العناصر غير الفارغة، وتصريحات DOCTYPE أو lang أو charset المفقودة. ترتبط كل مشكلة بالسطر الذي وُجدت فيه.

كيف يعمل

يقوم محلل خفيف الوزن بمسح HTML وسمًا تلو الآخر، مع الحفاظ على مكدس من العناصر المفتوحة حاليًا، تمامًا كما يتتبع المتصفح التداخل داخليًا، متجاوزًا التعليقات ومحتويات كتل <script> و<style>. عندما لا يتطابق وسم الإغلاق مع ما هو أعلى المكدس، أو لا يزال في المكدس إدخالات متبقية في النهاية، يُبلَّغ عنها كوسوم غير مغلقة أو غير متطابقة. وبشكل منفصل، تبحث التعبيرات النمطية عن سمات id المكررة، وسمات alt المفقودة على الصور، وأسماء العناصر القديمة.

المشكلات التي تحلها

العثور على وسم غير مغلق يكسر تخطيط الصفحة بشكل خفي في مكان أبعد.
اكتشاف سمات id المكررة قبل أن تتسبب في سلوك غير متوقع لمحدد CSS أو استدعاء getElementById في JavaScript.
اكتشاف العناصر القديمة المتبقية من كود قديم أو مقتطفات منسوخة ولصقها.
التحقق من أساسيات إمكانية الوصول مثل نص alt ولغة المستند المُعلنة.

الأسئلة الشائعة

›هل هذا نفس مدقق ترميز W3C؟

لا. يتحقق مدقق W3C الرسمي من المطابقة الكاملة لمواصفات HTML، بمئات القواعد التي تغطي كل عنصر وسمة. تركز هذه الأداة على مجموعة أصغر من المشكلات الشائعة والمحددة جيدًا التي يكون اكتشافها مبكرًا مفيدًا حقًا: الوسوم غير المغلقة، والمعرّفات المكررة، والعناصر القديمة، وبعض فحوصات السمات المفقودة. للحصول على تقرير مطابقة كامل، استخدم مدقق W3C جنبًا إلى جنب مع هذه الأداة.

›لماذا يُعلَّم غياب DOCTYPE أو lang أو charset كتحذيرات بدلاً من أخطاء؟

ستظل المتصفحات تعرض الصفحة بدون هذه العناصر، لذا فهي ليست قاتلة، لكنها تؤثر على إمكانية الوصول والتدويل ومدى موثوقية اختيار المتصفح لوضع العرض. يتم تعليمها لأن إصلاحها يكاد يكون دائمًا القرار الصحيح، وليس لأن الصفحة معطلة بدونها.

›ما الذي يُعتبر وسمًا "قديمًا" هنا؟

العناصر التي تُصنّفها مواصفات HTML5 صراحةً على أنها مهملة، مثل <center> و<font> و<marquee> و<acronym>، وذلك عادةً لأن CSS أصبح الآن يغطي ما كانت تفعله، بطريقة تفصل المحتوى عن العرض. لا تزال تعمل في المتصفحات للتوافق مع الإصدارات السابقة، لكن يجب عدم استخدامها في الكود الجديد.

›هل يفحص المحتوى داخل وسوم <script> أو <style>؟

لا، يتم تخطي محتوياتها بالكامل أثناء مطابقة الوسوم، نظرًا لأن JavaScript أو CSS يمكن أن يحتويا بسهولة على نص يشبه وسم HTML (داخل سلسلة نصية، على سبيل المثال) دون أن يكون كذلك فعليًا، مما قد ينتج عنه نتائج إيجابية كاذبة لولا ذلك.

›لماذا يتم تعليم صيغة الإغلاق الذاتي مثل <div />؟

في HTML (على عكس XML أو XHTML)، يتم تجاهل الشرطة المائلة اللاحقة على عنصر غير فارغ مثل <div> أو <span> ببساطة، ولا يُعتبر العنصر مغلقًا بها، ولا يزال يحتاج إلى وسم إغلاق منفصل خاص به. هذا مصدر شائع لأخطاء الوسوم غير المغلقة عن طريق الخطأ عند نسخ أنماط من JSX أو XML.

حوّل النص المكتوب أو الصورة التي تم تحميلها إلى فن ASCII. اختر نمط خط أو تدرج أحرف، واحتفظ باللون، وصدّر كنص عادي أو PNG.