خب میریم سراغ بحث ولید کردن قالب سایت ...

دو تا نکته کوچیک بگم :

1- ولید کردن یعنی استاندارد کردن یا به اصطلاح همون رفع مشکلات خودمون

2- ولید کردن میتونه به سرعت لود سایتتون خیلی کمک کنه ...

بریم سراغ آموزش :

اول میریم به این ادرس : validator.w3.org

ادرس سایت رو وارد میکنیم بعد رویه چک کلیک می کنیم

ارور ها نمایش داده میشه

ارورهای معمول :

1 ) استفاده از id بیش از یکبار در قالب

ارور :

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).

نحوه رفع :

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

اگر نیاز به چند بار استفاده هست باید در استایل به جای # , . قرار دهیم

اینجوری :

2 ) اضافی در قالب

ارور :

Line 1114, Column 31: end tag for element "div" which is not open

رفع ارور :

با توجه به خطی که در ارور نشون داده میشه میریم و اون اضافی رو پاک میکنیم

3 ) عدم تعریف alt برای عکس ها

ارور :

Line 676, Column 61: required attribute "alt" not specified

رفع ارور :

کد عکس بدون alt :

در این حات ارور میگیره

کد عکس , alt اضافه شده

حالت صحیح

4 ) استفاده نادرست از

ارور :

Line 136, Column 5: end tag for "br" omitted, but OMITTAG NO was specified

رفع ارور : قرار دادن به جای

همین کار ساده تعداد زیادی از ارور ها رو رفع میکنه

5 ) اضافی در قالب (بسته شدن تگ a در صورتی که اصلا باز نشده)

مثال :

ارور :

Line 338, Column 53: end tag for element "A" which is not open

رفع ارور :

اضافی رو با توجه به خطی که تو ارور هست حذف میکنیم

6 ) ارور بالا ممکن است برای موارد زیر هم اتفاق بیافتد که به همان شکل بالا رفع ارور میکنیم

7) قرار ندادن / اخر تگ های متا یا استایل

مثال غلط:

/ قرار داده نشده

مثال صحیح :

همین ممکن است برای استایل قالب هم اتفاق بیفتد

8 ) آموزش رفع ارور utf -8 که اکثر قالب ها این مشکل رو دارند

رفع ارور :

برای رفع این ایراد ابتدا این برنامه را دانلود کنید .

برنامه nodpad ++

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

encoding برید و گزینه encoding in utf-8 without bom را انتخاب کنید بعد

فایل رو save کنید .

حالا قالب شما با utf-8 مشکلی نداره .

9) استفاده از تگ

ارور :

Line 128, Column 8: element "Center" undefined

✉

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

"" element),

by using vendor proprietary extensions such as "" or "" (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

این تگ رو نباید داخل قالب استفاده کرد و برای وسط چین کردن باید از سی اس اس استفاده گرد به این صورت :

مثلا میخواهید کلمه وردپرس رو بیارید وسط :

اول داخل استایل قالب یه کلاس تعریف میکنیم :

حالا داخل قالب به اینصورت قرار میدیم

این کار همان عمل تگ center رو انجام میده

10 ) استفاده تگ های h در محل نامناسب

ارور :

element "H3" undefined

… برچسب‌ها

✉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

"" element),

by using vendor proprietary extensions such as "" or "" (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

توی این مورد به اینصورت استفاده شده :

که نحوه صحیح به این صورت هست :

نباید رو داخل تگ قرار داد

منبع این آموزشمون : http://forum.shopkeeper.ir