HTML VALIDATOR

اعتبارسنج HTML

کد HTML را وارد کنید تا خطاهای ساختاری و هشدارهای قابل‌تشخیص را همراه با محل آن‌ها بررسی کنید.

ابزار آماده است
0 B 0 خط

کد HTML

سند کامل یا قطعه HTML را وارد کنید. کد در صفحه اجرا نمی‌شود.

برای تست سریع ابزار

نتیجه بررسی

خطاها و هشدارها بعد از بررسی در این بخش نمایش داده می‌شوند.

خودکار 0 خطا 0 هشدار
هنوز کدی بررسی نشده است

بعد از اجرای اعتبارسنجی، نتیجه در این بخش قرار می‌گیرد.

کد از آخرین بررسی تغییر کرده است. برای به‌روزرسانی نتیجه، دوباره بررسی کنید.

خطاها

    هشدارها

      نتیجه را پس از هر تغییر دوباره بررسی کنید.
      تنظیمات خودکار
      حالت بررسی HTML
      Ctrl + Enter
      1. کد HTML را وارد کنید

        کد کامل صفحه یا قطعه HTML موردنظر را در ویرایشگر قرار دهید.

      2. بررسی HTML را اجرا کنید

        روی «بررسی HTML» بزنید تا ساختار کد و هشدارهای قابل‌تشخیص بررسی شوند.

      3. خطا را پیدا و اصلاح کنید

        از شماره خط و ستون یا «مشاهده در کد» استفاده کنید و بعد از اصلاح، دوباره بررسی را اجرا کنید.

      راهنمای استفاده

      چطور کد HTML را بررسی کنیم؟

      برای پیدا کردن خطاهای قابل‌تشخیص در HTML، کافی است کد را وارد کنید، بررسی را اجرا کنید و نتیجه را از روی خط و ستون دنبال کنید.
      این ابزار بررسی می‌کند

      مواردی که از روی Source قابل بررسی‌اند

      • ساختار و ترتیب تگ‌ها
      • بسته‌شدن و تو‌در‌تو بودن عناصر
      • Attributeهای نامعتبر یا تکراری
      • IDهای تکراری
      • برخی عناصر و ویژگی‌های منسوخ
      • برخی مشکلات Accessibility قابل تشخیص از Source
      • قواعد Document-level در حالت «سند کامل»
      این ابزار بررسی نمی‌کند

      مواردی که خارج از محدوده این Validator هستند

      • صحت CSS و خطاهای JavaScript
      • DOM نهایی بعد از اجرای Script
      • Broken linkهای خارجی
      • Contrast واقعی صفحه
      • Performance و Core Web Vitals
      • انطباق کامل WCAG
      • اعتبارسنجی رسمی W3C / Nu
      آشنایی با HTML Validation

      اعتبارسنجی HTML چیست و چه چیزهایی را بررسی می‌کند؟

      اعتبارسنجی HTML یعنی بررسی ساختار کد برای پیدا کردن خطاها و ناسازگاری‌هایی که می‌توانند کیفیت Markup و نگهداری کد را تحت‌تأثیر قرار دهند. این ابزار Source را بررسی می‌کند و HTML کاربر را اجرا یا Render نمی‌کند.
      • ساختار و ترتیب تگ‌ها

        ساختار نامعتبر، والد نامناسب و ترتیب اشتباه باز و بسته‌شدن تگ‌ها از موارد قابل‌تشخیص‌اند.

        <strong><em>Text</strong></em>
      • Attribute، ID و موارد منسوخ

        Attributeهای نامعتبر یا تکراری، IDهای تکراری و بعضی عناصر یا ویژگی‌های منسوخ در HTML مدرن قابل گزارش‌اند.

        <p class="a" class="b"> <div id="menu"></div> <table align="center">
      • برخی مشکلات Accessibility

        مواردی مثل نبود alt، بعضی مشکلات Label و برخی ARIAهای نادرست از روی Source قابل گزارش‌اند.

        <img src="photo.jpg">
      موارد قابل تشخیص

      HTML Validator چه خطاها و هشدارهایی را پیدا می‌کند؟

      این ابزار ساختار HTML را از چند زاویه بررسی می‌کند. موارد زیر نمونه‌هایی از بررسی‌هایی هستند که در نسخه فعلی ابزار انجام می‌شوند.

      HTML دارای مشکل

      ۲ خطا ۱ هشدار
      <section id="features">
        <h2>ویژگی‌ها</h2>
      
        <img src="feature.jpg">
      
        <p class="lead" class="intro">
          معرفی امکانات
        </p>
      
        <div id="item">آیتم اول</div>
        <span id="item">آیتم دوم</span>
      </section>
      • هشدارتصویر alt ندارد.
      • خطاAttribute تکراری است.
      • خطاID تکراری است.

      نسخه اصلاح‌شده

      در محدوده این مثال موردی پیدا نشد
      <section id="features">
        <h2>ویژگی‌ها</h2>
      
        <img
          src="feature.jpg"
          alt="نمایی از امکانات"
        >
      
        <p class="lead intro">
          معرفی امکانات
        </p>
      
        <div id="feature-item">آیتم اول</div>
        <span id="feature-label">آیتم دوم</span>
      </section>
      قبل / بعد

      یک نمونه HTML دارای خطا و نسخه اصلاح‌شده آن

      ممکن است یک کد در مرورگر نمایش داده شود اما همچنان از نظر ساختار یا کیفیت Markup مشکل داشته باشد. این مثال سه مورد قابل تشخیص را نشان می‌دهد.

      HTML Minifier

      بعد از بررسی و اصلاح HTML، نسخه نهایی کد را با ابزار Minifier بیت‌آموز فشرده کنید.

      رفتن به HTML Minifier

      آموزش HTML

      اصول ساختار HTML و استفاده درست از عناصر و تگ‌های پرکاربرد را مرور کنید.

      مشاهده آموزش

      Semantic HTML

      با عناصر معنایی HTML و نقش آن‌ها در ساختار قابل‌فهم‌تر صفحه آشنا شوید.

      مطالعه بیشتر

      Accessibility در HTML

      با اصول Markup دسترس‌پذیر و محدودیت‌های بررسی خودکار Accessibility آشنا شوید.

      مطالعه بیشتر
      یادگیری بیشتر

      برای ادامه کار با HTML

      بعد از بررسی کد، می‌توانید سراغ بهینه‌سازی خروجی یا یادگیری عمیق‌تر ساختار و دسترس‌پذیری HTML بروید.
      آیا این ابزار همان W3C HTML Validator است؟

      خیر. این ابزار Validator محلی بیت‌آموز است و برای بررسی سریع HTML در مرورگر طراحی شده؛ W3C / Nu یک Checker مستقل با Rule set و زیرساخت متفاوت است.

      آیا کد HTML من به سرور ارسال می‌شود؟

      خود این ابزار Validation را در مرورگر انجام می‌دهد و Source HTML را برای اعتبارسنجی به سرویس خارجی ارسال نمی‌کند.

      آیا می‌توان فقط یک قطعه HTML را بررسی کرد؟

      بله. ابزار سند کامل و Fragment را بررسی می‌کند. در حالت خودکار نوع ورودی تشخیص داده می‌شود و از تنظیمات پیشرفته نیز می‌توانید حالت را دستی انتخاب کنید.

      آیا ابزار مشکلات Accessibility را هم پیدا می‌کند؟

      بعضی موارد قابل‌تشخیص از Source مثل نبود alt، برخی مشکلات Label و بعضی ARIAهای نادرست گزارش می‌شوند؛ اما این ابزار Accessibility Audit کامل نیست.

      آیا CSS و JavaScript هم بررسی می‌شوند؟

      خیر. این ابزار برای HTML ساخته شده است. صحت CSS، خطاهای JavaScript و رفتار Runtime صفحه باید جداگانه تست شوند.

      چرا ممکن است صفحه در مرورگر نمایش داده شود ولی Validator خطا نشان دهد؟

      مرورگرها معمولاً تلاش می‌کنند Markup ناقص یا نامعتبر را Parse و اصلاح کنند؛ بنابراین نمایش صفحه به‌تنهایی به معنی بدون‌خطا بودن Source HTML نیست.

      سوالات متداول

      سوالات متداول درباره HTML Validator

      پاسخ کوتاه به پرسش‌های رایج درباره نحوه بررسی HTML، تفاوت با W3C Validator و محدوده قابلیت‌های ابزار.
      حالا وقتشه رایگان استفاده کنی

      ابزارهای رایگان و کاربردی وب

      نظرات کاربران۰

      هنوز دیدگاهی ثبت نشده است.

      سبد خرید شما
      سبد خرید شما