آموزش استاندارد سازی قالب به سبک W3C (رفع خطاها)
#1
Note 
سلام
شما میتونید با کمک این تاپیک خودتون قالبتون رو رفع ارور کنید
هر سوالی که داشتید مطرح کنید , چون تعداد ارور ها زیاد هست شما اروری رو که راجع بهش توضیح ندادیم مطرح کنید که اضافه بشه
معمولا 80 % ارور ها با این اموزش ها رفع میشه
از تعداد زیاد ارور ها هم نترسید معمولا بیشتر ارور ها شبیه هم هستند

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

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

1 ) استفاده از id بیش از یکبار در قالب
ارور :
کد php:
An "id" is a unique identifierEach 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 elementsthan id (which are used to identify exactly one element). 

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

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

اینجوری :

کد:
.class{


}



[COLOR="#FF0000"]
2 ) </div> اضافی در قالب
[/COLOR]

ارور :
کد php:
Line 1114Column 31end tag for element "div" which is not open 
رفع ارور :

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



[COLOR="#FF0000"]
3 ) عدم تعریف alt برای عکس ها[/COLOR]


ارور :
کد php:
Line 676Column 61required attribute "alt" not specified 
رفع ارور :

کد عکس بدون alt :
در این حات ارور میگیره

کد:
<img src="http://www.aks.jpg" border="0"  />

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

حالت صحیح:

کد:
<img src="http://www.aks.jpg" border="0" alt=" text " />




[COLOR="#FF0000"]
4 ) استفاده نادرست از <br />[/COLOR]


ارور :
کد php:
Line 136Column 5end tag for "br" omittedbut OMITTAG NO was specified 
رفع ارور : قرار دادن <br /> به جای <br>
همین کار ساده تعداد زیادی از ارور ها رو رفع میکنه



[COLOR="#FF0000"]
5 ) </a> اضافی در قالب (بسته شدن تگ a در صورتی که اصلا باز نشده)[/COLOR]

مثال :
کد:

کد:
<p style='text-align: center'>عکس های هنری</font></a>

ارور :
کد php:
Line 338Column 53end tag for element "A" which is not open 
رفع ارور :
</a> اضافی رو با توجه به خطی که تو ارور هست حذف میکنیم

[COLOR="#FF0000"]
6 ) ارور بالا ممکن است برای موارد زیر هم اتفاق بیافتد که به همان شکل بالا رفع ارور میکنیم[/COLOR]

کد:
</td>
</tr>
</table>
</ul>
</li>
</p>




[COLOR="#FF0000"]
7) قرار ندادن / اخر تگ های متا یا استایل[/COLOR]


مثال غلط:

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

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

مثال صحیح :

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


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



[COLOR="#FF0000"]
8 ) آموزش رفع ارور utf -8 که اکثر قالب ها این مشکل رو دارند[/COLOR]




رفع ارور :


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

برنامه nodpad ++

سپس فایل های قالب یکی یکی باز کنید و از منو بالای برنامه به قسمت encoding برید و گزینه encoding in utf-8 without bom را انتخاب کنید بعد فایل رو save کنید . برای همه فایل های php قالب این کار رو انجام بدید

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

[COLOR="#FF0000"]
9) استفاده از تگ <Center>[/COLOR]


ارور :
کد php:
Line 128Column 8element "Center" undefined
<Center>
You have used the element named above in your document
but the document type you are using does not define an element of that nameThis error is often caused by:

incorrect use of the "Strict" document type with a document that uses frames (e.gyou 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 
این تگ رو نباید داخل قالب استفاده کرد و برای وسط چین کردن باید از سی اس اس استفاده گرد به این صورت :
مثلا میخواهید کلمه وردپرس رو بیارید وسط :

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


کد:
.vasat {

text-align:center;

}


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

کد:

<div class="vasat">وردپرس </div>

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

[COLOR="#FF0000"]
10 ) استفاده تگ های h در محل نامناسب[/COLOR]


ارور :
کد php:
element "H3" undefined
… 
<div class="sidebar-box-right"><H3><div class="title">برچسب ها</div></H3>
✉You have used the element named above in your documentbut the document type you are using does not define an element of that nameThis error is often caused by:

incorrect use of the "Strict" document type with a document that uses frames (e.gyou 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><div class="title">برچسب ها</div></H3>


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


کد:
<div class="title"><H3> برچسب ها  </H3>   </div>


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





از دوستان هم هرکس دوست داشت ارور + نحوه رفع رو قرار بده تا به پست اول اضافه بشه.


پاسخ
#2
Note 
Missile جان تاپیک بسیار مفیدی هست

11) قرار ندادن ویژگی xmlns در تگ html

ارور:

کد php:
Missing xmlns attribute for element html 
یا
کد php:
there is no attribute "XMLNS" 

رفع خطا:

کافیه به تگ html این ویژگی رو اضافه کنید:

کد:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">


12) مشخص نکردن DOCTYPE

ارور:
کد php:
no document type declarationimplying "<!DOCTYPE HTML SYSTEM>" 

رفع خطا:

برای رفع این خطا در بالاترین قسمت کد (بالاتر از تگ شروع HTML) این عبارت رو قرار بدید:
کد:
<!DOCTYPE html>

اینم از ما :32:
فعلا.

پاسخ
#3
Note 
چرا صفحه وب سایت می بایست استاندارد w3c باشد
چرا صفحه وب سایت می بایست استاندارد w3c باشد

پاسخ
#4
سلام من قالبمو چک کردم 8 تا خطا داره لطفا راهنمایی کنید اونو بر طرفش کنم ممنون
Error Line 72, Column 48: required attribute "action" not specified
<form id="form" onsubmit="return login(this);">

خطای دوم
Error Line 74, Column 112: there is no attribute "placeholder"
…tion:relative;" class="tf-user" maxlength="16" placeholder="نام کاربري شما" />
3-
Error Line 81, Column 53: end tag for "input" omitted, but OMITTAG NO was specified

…type="checkbox" name="hide" value="1"><
span style="font-color:#000000;">ورود م…
4-
Info Line 81, Column 8: start tag was here

<input type="checkbox" name="hide" value="1"><span style="font-color:#00…

Error Line 151, Column 210: there is no attribute "alt"
… href="http://www.galinchat.com" alt="عسل چت" title="عسل چت">عسل چت</a>،<a hr…
5-
Error Line 151, Column 1404: end tag for "span" omitted, but OMITTAG NO was specified
…tle="رزچت">رزچت</a><a href="/" title="مزمزچت">مزمزچت</a></strong></span></div>
6-
Info Line 151, Column 117: start tag was here

…if;color:#fff">Meta Tag</span><strong><span style="font-family: tahoma,geneva,…

Error Line 151, Column 1417: end tag for "p" omitted, but OMITTAG NO was specified

…tle="رزچت">رزچت</a><a href="/" title="مزمزچت">مزمزچت</a></strong></span></div>
7-
Info Line 150, Column 28: start tag was here

<div style="display:none;"><p style="text-align: center;margin-top:99px;">

Error Line 157, Column 41: document type does not allow element "div" here

<div style="display:none" align="center">
8
Error Line 177, Column 7: end tag for element "span" which is not open

</span></div>

اینم ادرس سایت منه اگه زحتمی ینست خودتونم یه نگا بندازین ببین ارور هاش کدوما هستن

آخرین ویرایش: 23-01-2015 ساعت 14:27، توسط fr88din
پاسخ
#5
Note 
سلام
شما از بعضی ویزگی های html5 استفاده کردید درحالی که سندتون روی html5 تنظیم نشده. پس اول docktype صفحه رو روی html5 تنظیم کنید  بعد دوباره نتیجه رو بذارید تا راهنمایی کنیم.

کد:
<!DOCTYPE html>

آخرین ویرایش: 23-01-2015 ساعت 15:31، توسط Stack OverFlow
مردم دنیا 10 دسته هستند: کسانی که باینری میفهمند و کسانی که باینری نمیفهمند !
پاسخ
ایجاد موضوع جدید   پاسخ به موضوع  

موضوعات مرتبط با این موضوع...
موضوع نویسنده پاسخ بازدید آخرین ارسال
  آموزش نکات تکمیلی برای طراحی وبسایت تجاری sheyda69 0 174 06-09-2016 ساعت 16:24
آخرین ارسال: sheyda69
  آموزش سئو و بهینه سازی وب سایت در سایت ساز پرتال portal 0 107 21-08-2016 ساعت 08:05
آخرین ارسال: portal
Note دوره آموزشی طراحی قالب با استفاده از Bootstrap rockstar 5 2,473 23-10-2014 ساعت 17:08
آخرین ارسال: rockstar
Note استایل دهی به فرم توسط css hasti 1 504 03-09-2014 ساعت 18:35
آخرین ارسال: PHP.sec
Note آموزش ساخت سایت shahab 1 565 23-07-2014 ساعت 22:04
آخرین ارسال: Stack OverFlow
Note آموزش طراحی قالب وردپرس WWWorker 7 1,187 11-03-2014 ساعت 11:04
آخرین ارسال: WWWorker
Note آموزش Canvas در HTML5 C0der 2 644 15-12-2013 ساعت 23:56
آخرین ارسال: BaNNer LorD
Note فرمهای ثبت نام با قابلیت تشخیص استحکام پسورد SOFTAFZAR 3 844 05-12-2013 ساعت 10:36
آخرین ارسال: SOFTAFZAR
Note آموزش ajax نگار 1 482 23-11-2013 ساعت 22:00
آخرین ارسال: maJID maGIC
Note آموزش CSS : طراحی نمای صفحه در حالت پرینت zare 0 530 12-02-2013 ساعت 10:10
آخرین ارسال: zare

کاربرانِ درحال بازدید از این موضوع:   1 مهمان