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

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

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

[hdplay id=37]

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

[free_vip]
[video_download cat=’html’ url=’http://dl.onliner.ir/html-videos/html-w3c-validator.mp4′]دانلود فیلم آموزشی معرفی سرویس validator (اعتبارسنج) کنسرسیوم وب (W3C)[/video_download]
[/free_vip]

دسترسی سریع :

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

Validator

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

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

Array

 

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

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

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

[html]

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>onliner</title>

</head>

<body>

</body>

</html>

[/html]

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

Array

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

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

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

[html]

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>onliner</title>

</head>

&nbsp;

<body>

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

</body>

</html>

[/html]

Array

Array

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

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

[html]

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>onliner</title>

</head>

&nbsp;

<body>

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

</body>

</html>

[/html]

Array

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

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

دسترسی سریع :

دیدگاه خود را برای ما ارسال کنید

3 Comments
  1. Pingback: آموزش html | آموزش قواعد و نکات اصولی در کدنویسی HTML

    • رویا
    • ۱۳۹۳-۰۶-۲۶
    پاسخ

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

      • گروه آموزش طراحی سایت
      • ۱۳۹۳-۰۶-۳۱
      پاسخ

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