کدنویسی طراحی وب

آموزش رفع خطاهای قالب سایت در W3C

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

این استاندارد‌ها از طریق سازمان w3c تعیین می‌شود و می‌توانید سایت خود را در آدرس https://validator.w3.org از این نظر بررسی کنید که چه مقدار به این استاندارد نزدیک است.

در هنگام کدنویسی سایت یا قالب وردپرس ممکن است بعد از پایان کار گاهی خطاهایی به وجود بیایند و شما در سایت ببنید که دلایلی متعدد دارند و ما در این جا با ذکر نوع خطا به شما کمک می‌کنیم که چگونه ارورهای مختلف رو رفع کنید و در تاییده‌ی اعتبار رو از سایت w3 دریافت کنید .

رفع خطاهای قالب سایت در W3Cخطاهای متداول

 

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

خطای نمایش داده شده :

required attribute “alt” not specified

 

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

رفع خطا :

کد عکسی که بدون alt در قسمت فراخوانی عکس قرار گرفته شده و خطا گرفته شده :

 <img src="http://www.yekweb.com/image.jpg" />

کد عکس alt اضافه شده و صحیح و بدون خطا :

<img src="http://www.yekweb.com/image.jpg" alt="yekweb" />

 

۲ – استفاده نادرست از خط شکن ، تگ <br>

خطای نمایش داده شده :

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

 

رفع خطا :

قرار دادن تگ

<br />

به جای

<br>

در تمامی کدهای پوسته یا قالب

 

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

خطای نمایش داده شده :

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

 

رفع خطا :

مثال غلط که در انتهای تگ / وجود ندارد و خطا گرفته می‌شود

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >

مثال درست و بدون خطا

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

 

۴ – استفاده از id بیشتر از یکبار در قالب

خطای نمایش داده شده :

ID “yourID” already defined

An “id” is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).

 

رفع خطا :

اگر در استایل قالب و سایت آیدی‌ای به صورت زیر تعریف شده بود ، از این آیدی فقط یک بار باید در کل قالب استفاده کنیم

#class
{
}

اگر نیاز به چندین بار استفاده است باید در استایل به جای # ،  . قرار دهیم و یا اگر id هست که چند بار ازش در قالب استفاده شده باید تغییر داده شود

.class{

}

 

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

خطای نمایش داده شده :

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

 

رفع خطا :

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

 

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

خطای نمایش داده شده :

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

 

رفع خطا :

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

این خطا ممکن است برای سایر تگ‌های

</td>
</tr>
</table>
</ul>
</li>
</p>

هم اتفاق بیافتد که به همین صورت رفع خطا می‌کنیم.

 

۷ – ارور UTF -8

خطای نمایش داده شده :

uniode-error

رفع خطا :

برای رفع این خطا ابتدا باید برنامه‌ NotePad++ رو دانلود و روی کامپیوتر خودتون نصب کنید ،

بعد فایل‌های قالب سایت را به ترتیب باز کرده و از منو بالای برنامه به قسمت encoding رفته و گزینه encoding in utf-8 without bom را انتخاب کنید و فایل را ذخیره کنید . برای تمامی فایل‌های PHP قالب این کار را انجام بدید و قالبتون رو از نو آپلود کنید ، حالا دیگه قالب شما با utf-8 مشکلی نخواهد داشت و خطا رفع شده است.

 

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

خطای نمایش داده شده :

element “H3″ undefined

… <div class=”sidebar-box-right”><H3><div class=”title”>برچسب‌ها</div></H3>

✉You have used the element named above in your document, but the document type you are using does not define an element of that name. This error is often caused by:

incorrect use of the “Strict” document type with a document that uses frames (e.g. you must use the “Frameset” document type to get the “<frameset>” element),

by using vendor proprietary extensions such as “<spacer>” or “<marquee>” (this is usually fixed by using CSS to achieve the desired effect instead).

by using upper-case tags in XHTML (in XHTML attributes and elements must be all lower-case

 

رفع خطا :

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

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

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

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

 

۹-قرار دادن دستور charset برای تگ جاوا اسکریپت

خطای نمایش داده شده :

Element script must not have attribute charset unless attribute src is also specified.

 

رفع خطا :

در سایت کدهایی چون

<script type="text/javascript" charset="utf-8">

را به

<script type="text/javascript">

تبدیل کنید.

 

 ۱۰-قرار دادن ویژگی زبان برای تگ جاوا اسکریپت

خطای نمایش داده شده :

 

The language attribute on the script element is obsolete. You can safely omit it.
رفع خطا :

کدهایی چون

<script language="Javascript">

را به

<script type="text/javascript">

تبدیل کنید.

 

این بخش اول از این آموزش و نوشته بود که در آن به ۱۰ خطای فراوان از سایت پرداخته شد و نحوه رفع خطاها توضیح داده شد . تعداد ارورهای بیشتری وجود دارد که در آینده و قسمت‌های بعدی این نوشته به آن خواهیم پرداخت ، منتظر بخش دوم این آموزش باشید.

همینطور می‌توانید سوالات و مشکلات خود را در این مورد با ما در قسمت نظرات درمیان بگذارید.

درباره نویسنده

یک وب

یک‌وب ، تنها یک وب نیست

۳ دیدگاه

    • با سلام
      اونطور که مشخصه توی خط ۹۷ فایل wp-config.php مشکلی وجود داره، این فایل رو در جایی آپلود و لینک اون رو در اختیار ما قرار بدید

    • سلام علی عزیز
      این چیزی که شما فرستادید فقط خط شماره ۹۷ رو میگه که دارای مشکلی هست، و باید بررسی بشه که مشکل دقیقا چیه و اینطوری نمیشه متوجه شد، یا متن کامل خطا رو ارسال بکنید یا فایل wp-config.php خط ۹۷ رو در همین کامنت ارسال بکنید تا راهنمایی شوید

دیدگاهتون رو ارسال کنید