خطایابی و اعتبارسنجی؛ مرورگر همهٔ خطاها را نشان نمی‌دهد

دیده‌شدن صفحه مساوی درست‌بودن نیست

مرورگر HTML نامعتبر را اغلب ترمیم می‌کند. View Source متن فایل و Inspect/Elements ساختار پردازش‌شدهٔ DOM را نشان می‌دهد؛ اگر فرق دارند، تودرتویی نادرست را بررسی کن.

چک‌لیست عملی:
۱. تگ بستهٔ جاافتاده، کوتیشن ناقص، id تکراری و کنترل تعاملی تودرتو را پیدا کن.
۲. مسیر فایل‌ها را با حروف و پسوند دقیق بررسی کن. در Network، وضعیت 404 یعنی منبع پیدا نشده است.
۳. خطای نبود تصویر، alt و ابعاد را بررسی کن.
۴. ساختار تیترها، labelها، nameها و نوع دکمه‌ها را بخوان.
۵. سند کامل را با Nu HTML Checker اعتبارسنجی کن. نمونهٔ بدون دادهٔ خصوصی را وارد کن و از اولین خطا شروع کن؛ یک خطا می‌تواند چند پیام بعدی بسازد.

<!-- نامعتبر: تودرتویی نامناسب -->
<p>برنامه <h2>جلسه‌ها</h2></p>
<!-- درست -->
<p>برنامهٔ کارگاه را بخوان.</p>
<h2>جلسه‌ها</h2>

CSS و JavaScript هم می‌توانند مشکل نمایش یا رفتار ایجاد کنند؛ اول ساختار HTML را جداگانه بررسی کن. کد بدون خطای validator الزاماً دسترس‌پذیر یا قابل‌استفاده نیست. آزمون با صفحه‌کلید، اندازهٔ موبایل و مرورگر دیگر را هم انجام بده.

تمرین دستی: یک id تکراری و یک تگ پایان اشتباه در نسخهٔ آزمایشی بساز، پیام ابزار را بخوان و بعد آن‌ها را اصلاح کن. هر تغییر را کوچک نگه دار تا علت نتیجه روشن بماند.