خطاهای رایج در validator.W3C

استاندارد و صحیح بودن کدهای سایت و کدنویسی درست سایت امروزه یکی از نیازهای اولیه در طراحی سایت است که از ضرورت بسیاری برخوردار است ، اگر شما در این اقیانوس قرمز دنیای وب، سایتی برای خود دارید حتما می‌دانید که این مسئله روی بهینه بودن صفحات و سرعت بارگزاری آن تاثیر زیادی دارد .
این استاندارد‌ها از طریق سازمان جهانی validator.W3C تعیین می‌شود و می‌توانید سایت خود را در آدرس از این نظر بررسی کنید که چه مقدار به این استاندارد نزدیک است.
در شرکت طراحی سایت راویان نسل نو تمام استاندارد های کد نویسی سایت بر اساس معیار جهانی validator.W3C توسط تیم کارشناسی راویان نسل نو رعایت می شود.

در این وبلاگ به برخی از خطاهای رایج در validator.W3C می پردازیم:

خطاهای متداول validator.W3C

1-عدم تعریف خاصیت alt برای عکس‌ها

این خطا به دلیل تعریف نکردن خاصیت alt برای تگ img در html ایجاد می‌شود.

required attribute “alt” not specified

2-استفاده نادرست از خط شکن ، تگ

قرار دادن تگ <br/> به جای تگ <br>

end tag for “br” omitted, but OMITTAG NO was specified

3-قرار ندادن / در آخر تگ‌های متا ، استایل ، img

قرار دادن </ meta http-equiv="Content-Type" content="text/html; charset=UTF-8" > یا </ img src="images/slider01.jpg">
به جای <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" > یا <img src="images/slider01.jpg">

end tag for “meta” omitted, but OMITTAG NO was specified

4-استفاده از id بیشتر از یکبار در سایت

از id فقط یکبار در سایت استفاده کنیم اگر نیازی شد به جای آیدی از کلاس استفاده کنیم .main به جای #class

ID “yourID” already defined

5-وجود <div/> اضافه در کدهای قالب

با توجه به خطی که در خود خطا گفته شده است بررسی کرده و div اضافه رو پاک می‌کنیم ، یا div ‌هارو دنبال کرده به ترتیب و هر کدام که اضافی بودند پاک می‌کنیم.

Line 154, Column 45: end tag for element “div” which is not open

6-<a/> اضافه در قالب (بسته شدن تگ a در صورتی که اصلا باز نشده است)

<a/> اضافه رو با توجه به خطی که توی ارور هست پیدا کرده و حذف می‌کنیم ،

Line 225, Column 24: end tag for element “A” which is not open

7-استفاده تگ های h در محل نامناسب

در این خطا تگ h3 به این صورت استفاده شده است:

<h3><div class="title">برچسب‌ها</div></h3>

که اشتباه است و خطا گرفته خواهد شد ، کد صحیح برای قرار گیری به این صورت است :

<div class="title"><h3>برچسب‌ها </h3></div>

element “H3″ undefined