سینا صالحی فرد 26 اردیبهشت 1393 3 4369 بازدید آموزش HTML
فیلم آموزشی معرفی سرویس validator (اعتبارسنج) کنسرسیوم وب (W3C)

اگر یک طراح و برنامه نویس وب باشید، حتماً می دانید که باید کدهای صفحات وبتان، معتبر (valid) باشد. همانطور که در فیلم های قبلی آموزش html بیان کردیم، در کدنویسی نباید از کدهای deprecate شده استفاده کنیم. کنسرسیوم جهانی وب (W3C)، یک کنسرسیومی است که استانداردهای لازم برای وب را تولید می کند. این کنسرسیوم برای انطباق کدهای وب با استاندارهای خود، یک validator را در اختیار کاربران قرار می دهد. در این فیلم آموزشی html شما با سه روش اعتبارسنجی W3C آشنا خواهید شد.

فیلم آموزشی معرفی سرویس validator (اعتبارسنج) کنسرسیوم وب (W3C)

برای دانلود فیلم آموزشی و اسنیپت های آموزش مربوطه از لینک های زیر استفاده کنید :

دسترسی به این بخش مخصوص اعضاست. شما می توانید به رایگان عضو شوید و به این بخش دسترسی داشته باشید. ورود / عضویت

دسترسی سریع :

متن فیلم آموزشی معرفی سرویس validator (اعتبارسنج) کنسرسیوم وب (W3C)

Validator

کنسرسیوم وب برای اینکه امکان بررسی و انطباق کدهای وب مطابق با استانداردهای خود را به طراحان وب بدهد، یک ولیدیتور را در اختیار آنها قرار داده است. آدرس validator آنلاین این کنسرسیوم http://validator.w3.org می باشد.

شما می توانید با ورود به آدرس بالا، کدهای html خود را آنالیز کنید که استاندارد است یا خیر.

w3

 

با ورود به سایت، 3 راه برای بررسی کدها در اختیار شما قرار میدهد :

  1. اگر شما سایتی دارید که می خواهید آن را آنالیز کنید، با ورود آدرس سایت بطور مستقیم می توانید این کار را انجام دهید.
  2. با این روش می توانید فایل html خود را آپلود کنید تا برای شما آنالیز کند.
  3. ساده ترین روش این است که می توانید با نوشتن کدها بطور مستقیم و کلیک روی check آنها را آنالیز کنید.

ما از روش سوم به عنوان مثال استفاده می کنیم :


<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>onliner</title>

</head>

<body>

</body>

</html>

فرض کنید که کد ما بصورت بالا باشد. آن را در قسمت Enter the Markup to validate قرار می دهیم و سپس روی check کلیک می کنیم.

w3-2

تیتر سبز رنگ در بالای صفحه به ما نشان میدهد که مشکلی وجود ندارد و خطایی پیدا نکرده است.

نکته : خطاها در صفحه مهم هستند، warning ها مهم نیست .

اکنون یک کد اضافه می کنیم تا خطا دهد :


<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>onliner</title>

</head>

&nbsp;

<body>

<img src="http://onliner.ir/favicon-onliner.png" />

</body>

</html>

w3-3

w3-4

می بینیم که عنوان قرمز شد و 1 خطا در صفحه html ما وجود دارد. در خط 9 ستون 51 خطا دارد.

خطا از این است که برای img صفت alt استفاده نکرده ایم.


<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>onliner</title>

</head>

&nbsp;

<body>

<img src="http://onliner.ir/favicon-onliner.png" alt="favicon"/>

</body>

</html>

w3-5

اکنون صفحه ما استاندارد اچ تی ام ال است و مشکلی ندارد.

توجه کنید که هر اشتباهی مانند نبستن تگ ها، جفت نبودن تگ ها، استفاده از صفات غیر مجاز یا صفتی که با doctype سازگار نباشد، را این validator به شما نمایش میدهد.

دسترسی سریع :

نظرات کاربران (3)



  1. رویا

    سلام این validator آفلاین نداره؟
    اگر داره چطوری می تونم دانلودش کنم؟
    داخله یکی از فیلم هاتون دیدم از یک نوار ابزار validator استفاده می کنید میشه اسمش رو بگید و بفرمایید از کجا می تونم بگیرمش

    • گروه آموزش طراحی سایت

      سلام
      در یکسری از فیلم های آموزشی مان، توضیح داده ایم که چه افزونه هایی مورد استفاده هستند.