مدقّق بنية HTML

ما هو مدقّق HTML؟

يجد فاحص HTML هذا الأخطاء البنيوية التي تكسر التخطيطات في أغلب الأحيان: عناصر لا تُغلق أبدًا، ووسوم إغلاق بترتيب خاطئ، ووسوم نهاية بلا وسم بداية، ومعرّفات وسمات مكررة، و<img> بلا alt، وغياب doctype أو <title> أو lang في المستندات الكاملة. وهو فحص محلي سريع، وليس هو مدقّق W3C الرسمي (Nu)، ولا يفحص أي العناصر مسموح بها وأين.

كيفية استخدام مدقّق HTML

1. الصق مستند HTML أو مقطعًا منه.
2. اضغط تحقق (تتحدّث النتائج أثناء الكتابة).
3. اقرأ ملخص الأخطاء والتحذيرات.
4. استخدم سطر كل عنصر وعموده لإصلاح الوسوم.

مثال

<div id="a">
<span>text</div>
<p id="a">x
<img src="a.png">
</br>

Errors: 3 · Warnings: 1
Line 2, column 1 <span> is not closed before </div>
Line 3, column 4 Duplicate id "a" (first used on line 1)
Line 4, column 1 <img> has no alt attribute
Line 5, column 1 <br> is a void element and must not have a closing tag

متى تستخدم مدقّق HTML

استخدمه لتحديد الوسم الذي يكسر التخطيط بسرعة، أو لفحص القوالب وHTML البريد، أو لالتقاط المعرّفات المكررة قبل أن تكسر JavaScript أو التسميات. وللفحص الكامل للمطابقة (نماذج المحتوى وARIA وقيم السمات) استخدم مدقّق W3C.

كيف يعمل مدقّق HTML

يقرأ محلّل رموز الوسوم والسمات والتعليقات وعناصر النص الخام (script وstyle وtextarea وtitle) مع تتبّع المواضع. ويتبع مكدّس العناصر المفتوحة قواعد HTML للعناصر الفارغة (br وimg وinput…) ووسوم النهاية الاختيارية: يجوز حذف </p> و</li> و</td> وشبهها، ويغلق <li> أو عنصر كتلة جديد السابق ضمنيًا، فلا يُبلَّغ عن اختصارات HTML5 الصالحة. ويسمح محتوى SVG وMathML بالوسوم ذاتية الإغلاق. وأي عنصر آخر لا يزال مفتوحًا عند إغلاق أبيه أو في نهاية المدخل يُعدّ خطأ.

حالات الاستخدام الشائعة

• ✓ إيجاد div غير مغلق يكسر تخطيط صفحة
• ✓ فحص مخرجات CMS أو قوالب البريد
• ✓ التقاط المعرّفات المكررة التي تكسر مراجع label/aria
• ✓ فحص أساسي لإتاحة الوصول للصور بلا نص alt

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

استكشف المزيد من الفئات