رفتن به مطلب

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


پست های پیشنهاد شده

سلام به همه بچه های خوب 20 اسکریپت امروز در خدمتتونم با آموزش کامل رفع ارورهاي قالب در W3C از مدیران تقاضا دارم تایپیکرو نبندند تا هم دوستان سوالاتشونو بپرسن هم بنده آموزشهامو بزارم ممنون.

  • Like 5
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

رفع ارور‌هاي قالب‌ها كار زياد مشكلي نيست و هر شخصي ميتونه خطاهاي قالب سايتش رو خودش رفع كنه به شرطي كه مقداري با XHTML و نوع خطاهاي W3 آشنا باشه (يا همون تجربه) ، در بين اين ارورها تعدادي هستند كه به صورت معمول و هميشگي اتفاق مي‌افتند ، ما اين خطاها به همراه نحوه‌ي رفع كردنش رو براي شما قرار ميديم ،

ابتدا به آدرس http://validator.w3.org ميريم و آدرس سايت رو وارد ميكنيم و Check رو ميزنيم تا ارورها نمايش داده بشه ،

ارورهاي متداول :

1 - عدم تعريف alt براي عكس‌ها

ارور نمايش داده شده :

required attribute "alt" not specified

رفع ارور:

كد عكسي كه بدون alt قرار گرفته شده و خطا گرفته شده :

<img src="http://www.wp-parsi.jpg" border="0" />

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

<img src="http://www.wp-parsi.jpg" border="0" alt="wp-parsi" />

2 - استفاده نادرست از خط شكن ، تگ <br>

ارور نمايش داده شده :

end tag for "br" omitted, but OMITTAG NO was specified

رفع ارور:

قرار دادن تگ

<br />

به جاي

<br>

در تمامي جاهاي پوسته ..

3 - قرار ندادن / در آخر تگ‌هاي متا ، استايل ، 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" />

4 - استفاده از 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{ }

5 - وجود </div> اضافه در كدهاي قالب ،

ارور نمايش داده شده :

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

رفع ارور:

با توجه به خطي كه در خطا گفته شده ميريم و div اضافه رو پاك ميكنيم ، يا div هارو دنبال ميكنيم به ترتيب و هر كدوم كه اضافي بود پاك ميكنيم ..

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

ارور نمايش داده شده :

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

رفع ارور:

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

اين ارور ممكنه براي ساير تگ‌هاي

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

هم اتفاق بيافته كه به همين صورت رفع خطا ميكنيم ..

دوستان تاپيك رو دنبال كنيد ، به زودي و به مرور تاپيك كاملتر ميشه و ارورهاي بيشتري قرار ميگيره ،

شما هم ميتونيد براي كاملتر شدن تاپيك ، ارور و نحوه‌ي رفعش رو اينجا قرار بديد ،

ممنون

  • Like 5
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

7 - ارور utf -8 که اکثر قالب ها این مشکل رو دارند ،

رفع ارور:

براي رفع اين ارور ابتدا بايد برنامه‌ي NotePad++ رو دانلود و روي كامپيوتر خودتون نصب كنيد ،

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

و قالبتون رو از نو آپلود كنيد ، حالا ديگه قالب شما با utf-8 مشکلی نداره .

8 - استفاده از تگ Center در قالب

ارور نمايش داده شده :

element "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 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

استفاده از تگ <center> كه براي وسط بردن عناصر استفاده ميشد در HTML4 كنار رفت ولي هنوز خيلي‌ها از اين به خاطر راحت‌ بودنش استفاده ميكنند ،

رفع ارور:

براي وسط چين كردن بايد از CSS استفاده بشه ، به اين صورت كه مثلا ميخوايد كلمه‌ي وردپرس پارسي رو وسط بياريد ، ابتدا داخل استايل قالب چنين كلاسي تعريف ميكنيم

.wp { text-align:center; }

و بعد در كدهاي قالب هر جا كه تگ cnter وجود داره رو پاك كرده و با يك div كلاسي كه قبلا نوشتيم رو بهش ميديم ، به اين صورت :

<div class="wp">بیست اسکریپت</div>

با اين كار كلمه‌ي وردپرس پارسي وسط مياد و دقيقا همون كاره تگ Center رو به css انجام داديم و از همه مهمتر خطا رفع خواهد شد ،

9 ) استفاده تگ های 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>

هيچگاه نبايد تگ <div> رو داخل تگ ديگه‌اي قرار داد ..

  • Like 5
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

10 ) قرار دادن دستور 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">

تبدیل کنید.

11 ) قرار دادن ویژگی زبان برای جاوا اسکریپت

The language attribute on the script element is obsolete. You can safely omit it.

(ویژگی زبان منسوخ شده است و با خیال راحت می توانید حذفش کنید.)

کدهایی چون

<script language="Javascript">

را به

<script type="text/javascript">

تبدیل کنید.

12 ) استفاده از کدغیر استاندارد دکمه گوگل پلاس

هميشه 2 تا از ارورهاي سايت شما به دليل وجود كد‌هاي گوگل پلاس ( اگر ازش استفاده ميكنيد ) هستش ، گوگل در ايجاد اين كد دقت زيادي به خرج نداده به همين دليل باعث ايجاد خطا ميشه ،

براي استفاده‌ي صحيح و بدون خطاي دكمه‌ي گوگل پلاس به اين صورت عمل ميكنيم ،

ابتدا اين كد رو

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"> {lang:'fa', parsetags:'explicit'} </script>

بالاي

</head>

قرار ميديم ،

و اين كد رو در جايي كه ميخواهيد دكمه نمايش داده بشه قرار بديد ،

<div id="plusone-div" class="plusone"> <script type="text/javascript"> gapi.plusone.render('plusone-div',{"href": "http://www.yoursite.com", "size": "normal", "count": "true"}); </script> </div>

يعني ما به جاي كد خود گوگل كه اين هست :

<g:plusone size="small" annotation="inline" width="420"></g:plusone>

از اسكريپت براي فراخواني دكمه استفاده ميكنيم ، و براي استايل دهي هم ميتونيد از كلاس و ID كه داره استفاده كنيد ،

در اين صورت ديگه خطايي در اين مورد نخواهيد داشت ..

  • Like 3
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

13 ) استفاده از & به صورت تنها در کدها

& did not start a character reference. (& probably should have been escaped as &.)

برای رفع این خطا تمامی & ها را به

&

تبدیل کنید.

14 ) استفاده از عناصر منسوخ چینش در کدها

The center element is obsolete. Use CSS instead

به جای استفاده از کدهایی چون <center> از کدها و کلاس های CSS استفاده نمایید.

15 ) وجود عنصر پایان دهنده li بدون عنصر شروع کننده li

No li element in scope but a li end tag seen

بی شک باید این کد را حذف کنید و یا اینکه <li> را در جای مناسبش قرار دهید.

  • Like 3
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

16 ) وجود فاصله در کد لینکها (زمانی بوجود می آید که بخواهید از عنوانی در لینک استفاده کنید. + مثلا در کدهای ارسال به شبکه های اجتماعی)

Whitespace in query component. Use %20 in place of spaces.

بایستی به جای کاراکتر فاصله که در لینک ها یا اجزاء جستوجو استفاده کرده اید از

%20

استفاده کنید.

همچنین می توانید از تابع تغییر دهنده نیز استفاده نمایید.

برای مثال به جای استفاده از

<?php the_title(); ?>

که می تواند این مشکل را ایجاد کند می توانید از

<?php echo str_replace( ' ', '%20', get_the_title()); ?>

استفاده کنید.

17 ) وجود تگ category tag برای لینک ها (این مشکل هنوز در وردپرس حل نشده است! شاید تگ category زودتر از رفع این مشکل استاندارد شود!) 

Bad value category tag for attribute rel on element a: Keyword category is not registered.

برای رفع این مشکل از فایل functions.php پوسته بهره می گیریم و کد

function remove_category_list_rel($output) { $output = str_replace(' rel="category tag"', '', $output); return $output; } add_filter('wp_list_categories', 'remove_category_list_rel'); add_filter('the_category', 'remove_category_list_rel');

را به این فایل اضافه می کنیم تا این خطا حل شود. ( البته می توانید در دستور فوق به جای حذف به خصوصیت REL استاندارد دیگری تغییر دهید.

 

  • Like 1
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

18) استفاده از " در div class

غلط :

<div class=post>

درست :

<div class="post">

19) استفاده از حروف کوچک

مثلا :

غلط :

<LI>

درست :

<li>

 

  • Like 2
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

20 - 2 بار استفاده از ALT در يك تگ img

ارور نمايش داده شده :

Line 199, Column 153: duplicate specification of attribute "alt"

رفع ارور :

اين خطا به دليل 2 بار استفاده از ALT در يك عكس به وجود مياد و براي رفعش به Line مربوطه كه خود كد ميده بريد و يك Alt

alt="youralt"

رو پاك كنيد ،

21 - تعريف نكردن type براي script

ارور نمايش داده شده :

required attribute "type" not specified

رفع ارور :

در اين خطا مشخصه‌ي type براي تگ Script تعريف نشده كه حتما بايد تعريف بشه .. براي رفع به تگ اسكريپت

<script>

مشخصه‌ي

type="text/javascript"

رو تعريف كنيد ، به اين صورت :

<script type="text/javascript">

22 - استفاده بيش‌از 1 بار از تگ Head

ارور نمايش داده شده :

document type does not allow element "head" here

رفع ارور :

در هر سايتي تنها 1 بار امكان استفاده از تگ

<haed> </haed>

وجود داره و در صورت استفاده‌ي بيش‌تر با اين خطا مواجع شده و براي رفعش به خط مربوطه كه بهتون ميده بريد و head اضافه رو پاك كنيد ..

23 - قرار گرفتن مقدار نادرست براي attribute ها

ارور نمايش داده شده :

value of attribute "type" cannot be "texts"; must be one of "text", "password", "checkbox", "radio", "submit", "reset", "file", "hidden", "image", "button"

رفع ارور :

مقدار type در كد texts قرار گرفته كه نادرست است و بايد مقدار آن text باشه ، اين كد ممكنه براي تمامي تگ‌ها اتفاق بيافته كه خود سايت مقدار‌هاي مجاز رو در ارور نمايش ميده ..

24 - استفاده مستقيم از كاركتر < در كد‌ها

ارور نمايش داده شده :

character "<" is the first character of a delimiter but occurred as data

رفع ارور :

براي رفع ارور در تمامي جاهاي پوسته اگر از < استفاده شده اون رو به

<

تغيير بديد ..

  • Like 1
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

یک مورد ساده و خیلی مهم

اگه این مورد رو رعایت کنید سایت شما با تمام مرورگرها هماهنگ میشه

ارور:

Value Error : margin only 0 can be a length. You must put a unit after your number : -1 30 0 0

برای حل مشکل واحد اندازه گیری px رو به margin ها اضافه کنید

css :

غلط:

{width:930;float:right;background:url('images/topbg.gif') repeat-x top;height:25;font-size:10pt;font-weight:bold;margin:-1 30 0 0}

درست:

{width:930px;float:right;background:url('images/topbg.gif') repeat-x top;height:25;font-size:10pt;font-weight:bold;margin:-1px 30px 0px 0px}

 

  • Like 1
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

سلام ممنون از اموزش پربارتون

آیا لازم هست بعد از پایان کد سی اس اس ; را قرار بدیم؟

مثلاً:

.tese{color:black}

خوب توی کد بالا من هیچ فاصله ای را نذاشتم آیا درسته؟

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

6080-post-848-0-60304300-1366277133-thum

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

<div style="position:fixed; right:20px;; bottom:30px; float:left; border:2px #777979 solid; padding:7px; background:#fff; width:100px; border-radius: 7px; "> <center> <div style="font:8pt tahoma;direction:rtl;margin-bottom:5px;"> امتياز به سايت </div> <div class="g-plusone" id="my_plusone" data-size="medium"></div> <script type="text/javascript"> document.getElementById("my_plusone").setAttribute("data-href", "http://www.4blogers.com"); </script> <div style="height:5px;"></div> <div style="font:8pt tahoma;direction:rtl;margin-bottom:5px;"> امتياز به اين مطلب </div> <div class="g-plusone" data-size="medium"</div> </center> </div> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-37642951-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); defer </script>

 

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

در 7 دقیقه قبل، sadra گفته است :

سلام ممنون از اموزش پربارتون

آیا لازم هست بعد از پایان کد سی اس اس ; را قرار بدیم؟

مثلاً:

.tese{color:black}

خوب توی کد بالا من هیچ فاصله ای را نذاشتم آیا درسته؟

 

سلام ممنون

اگه قرار باشه توی یه تگ css چند کد قرار بگیره بله الزامیه توجه کنید 

.test {
  color:#fffffff
}

اگه اینطوری فقط از color استفاده کنید نیازی نیست

ولی اگه اینطوری باشه 

.test {
  color:#fffffff
    background:#000
}

اشتباهه چون اگه ; نزاری آخر color نمیزاره background هم اجرا بشه پس اگه چندتا باشه حتما باید ; قرار بدید صحیح

.test {

color:#ffffff;

background:#000;

}

 

  • Like 1
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

در 13 دقیقه قبل، sadra گفته است :

6080-post-848-0-60304300-1366277133-thum

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


<div style="position:fixed; right:20px;; bottom:30px; float:left; border:2px #777979 solid; padding:7px; background:#fff; width:100px; border-radius: 7px; "> <center> <div style="font:8pt tahoma;direction:rtl;margin-bottom:5px;"> امتياز به سايت </div> <div class="g-plusone" id="my_plusone" data-size="medium"></div> <script type="text/javascript"> document.getElementById("my_plusone").setAttribute("data-href", "http://www.4blogers.com"); </script> <div style="height:5px;"></div> <div style="font:8pt tahoma;direction:rtl;margin-bottom:5px;"> امتياز به اين مطلب </div> <div class="g-plusone" data-size="medium"</div> </center> </div> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-37642951-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); defer </script>

 

 
 

خطای خط مشخصه:

<div class="g-plusone" data-size="medium"</div>

درست

<div class="g-plusone" data-size="medium"></div>

 

  • Like 1
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

در 7 دقیقه قبل، KINGERFAN گفته است :

خطای خط مشخصه:


<div class="g-plusone" data-size="medium"</div>

درست


<div class="g-plusone" data-size="medium"></div>

ممنون ولی اینی که فرستادید مشکلی نداره

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

26 - اخطار در مورد DOCTYPE Override in effect! 

اگه شما دوستان هم مثل من با DW فایل html رو بسازید اول فایلتون خودش کدهایی اضافه میکننه مثل

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

وبعدش برید توی سایت برای چک کردن( چک کردن با html5 ) میبینید اروری مثل زیر میده

DOCTYPE Override in effect![/left]

[left]The detected DOCTYPE Declaration "<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">" has been suppressed and the DOCTYPE for "HTML5" inserted instead, but even if no errors are shown below the document will not be Valid until you update it to reflect this neww DOCTYPE.

برای رفع این warning در ابتدای فایل به جایی کد پیش فرض کد ساده ی زیر رو میگذارید

<!DOCTYPE html>

---------------------------------------------------------------------------------------------------------------------

27 - اخطار

(warning)در مورد No Character Encoding Found! Falling back to UTF-8.

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

No Character Encoding Found! Falling back to UTF-8.[/left]

[left]None of the standards sources gave any information on the character encoding labeling for this document. Without encoding information it is impossible to reliably validate the document. As a fallback solution, the "UTF-8" encoding was used to read the content and attempt to perform the validation, but this is likely to fail for all non-trivial documents.

این نشون میده که انگار شما  فراموش کردین کد زیر رو تو هدر قرار بدید 

<meta charset="utf-8" />

مثال:

<head>
<meta charset="utf-8" />
<title>My Frist Website</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>

خوش باشید 

  • Like 1
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

28- استفاده از کاراکتر های خاص ( & ) در URL ( این مورد شبیه مورد 13 است)

Reference to entity linkid for which no system identifier could be generated

لینک های ساخته شده در PHP شما به احتمال زیاد شامل کاراکتر های خاص می باشد .کاراکتر های خاص ،به ویژه & نباید درURL سایت شما استفاده شود و برای تصحیح این خطا به جای کاراکتر & از & استفاده نمایید.

اطلاعات بیشتر از سای W3shools

***عناصر Block در داخل عناصر inline ( توضیح کامل تری برای مورد 9 )

Document type does not allow element p here

عناصر HTML به صورت Block و inline تقسیم بندی می شوند. عناصر Block در یک خط به صورت شروع و پایان در مرورگر به نمایش داده می شوند .مثل : <h1>, <p>, <ul>, <table> .در حالی که عناصر Inline بدون شروع یک خط جدید نمایش داده می شوند.

مثل : <b>, <td>, <a>, <img>

اطلاعات بیشتر در سایت W3shools

توجه : یکی از قوانین HTML این است که عناصر block هرگز نباید در داخل عناصر inline قرار بگیرند.برای رفع این خطا به مثال زیر توجه فرمایید.

مثال اشتباه :

<a href="#"><h3>..........com</h3></a>

مثال درست :

<h3><a href="#"> >...........com </a></h3>.

29- شروع یک Class یا ID با یک عدد

Value of attribute ID invalid

ویژگی های Class ,ID نمی توانند با یک عدد آغاز شوند ولی در ادامه می توانیم از عدد نیز استفاده کنیم (نه در ابتدای نام کلاس یا ایدی).

مثال اشتباه :

<div class="12title"><h3>>...........com </h3></div>

صحیح :

<div><h3>>...........com </h3></div> <div><h3>>...........com </h3></div>

 

  • Like 1
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

  • 3 ماه پیش ...
در در 27 اسفند 1395 در 21:53، KINGERFAN گفته است :

28- استفاده از کاراکتر های خاص ( & ) در URL ( این مورد شبیه مورد 13 است)


Reference to entity linkid for which no system identifier could be generated

لینک های ساخته شده در PHP شما به احتمال زیاد شامل کاراکتر های خاص می باشد .کاراکتر های خاص ،به ویژه & نباید درURL سایت شما استفاده شود و برای تصحیح این خطا به جای کاراکتر & از & استفاده نمایید.

اطلاعات بیشتر از سای W3shools

***عناصر Block در داخل عناصر inline ( توضیح کامل تری برای مورد 9 )


Document type does not allow element p here

عناصر HTML به صورت Block و inline تقسیم بندی می شوند. عناصر Block در یک خط به صورت شروع و پایان در مرورگر به نمایش داده می شوند .مثل : <h1>, <p>, <ul>, <table> .در حالی که عناصر Inline بدون شروع یک خط جدید نمایش داده می شوند.

مثل : <b>, <td>, <a>, <img>

اطلاعات بیشتر در سایت W3shools

توجه : یکی از قوانین HTML این است که عناصر block هرگز نباید در داخل عناصر inline قرار بگیرند.برای رفع این خطا به مثال زیر توجه فرمایید.

مثال اشتباه :


<a href="#"><h3>..........com</h3></a>

مثال درست :


<h3><a href="#"> >...........com </a></h3>.

29- شروع یک Class یا ID با یک عدد


Value of attribute ID invalid

ویژگی های Class ,ID نمی توانند با یک عدد آغاز شوند ولی در ادامه می توانیم از عدد نیز استفاده کنیم (نه در ابتدای نام کلاس یا ایدی).

مثال اشتباه :


<div class="12title"><h3>>...........com </h3></div>

صحیح :


<div><h3>>...........com </h3></div> <div><h3>>...........com </h3></div>

 

سلام.نماز روزه همتون قبول باشه.

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

میشه افزونه رو معرفی کنید که این خطا رو رفع کنه؟

ممنون .

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

  • 1 year پیش...
در 16 ساعت قبل، hani2200 گفته است :

سلام

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

لینک ها تنها برای اعضای سایت قابل نمایش است.

درود.

زمانی می تونید از itemprop استفاده کنید که این خاصیت در داخل یک itemtype دیگه ای تعریف شده باشه. برای مثال شما می تونید یک DIV با itemtype تعریف کنید و بعد همین کد span بالا رو داخلش قرار بدید.

در واقع itemprop یعنی "ویژگی یک آیتم" که اگه یک عنصر رو به عنوان ویژگی آیتم معرفی کرده باشید، باید در محدوده یک itemtype ّزرگتر قرار بگیره. بنابراین المان یا همون عنصر بزرگ تر که این span داخلش قرار گرفته هم باید از itemtype استفاده کنه.

  • Like 5
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

در 5 ساعت قبل، hani2200 گفته است :

سلام

ممنون از راهنمایی.

میشه روش صحیح رو بنویسید هنوز مبتدی هستم

یک کد مثال :

<div itemtype="http://schema.org/Offer">
	<span itemprop="Offers"> OFFER </span>
	<span itemprop="price"> TEXT </span>
	و...
</div>

 

  • Like 3
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

مهمان
این موضوع برای عدم ارسال قفل گردیده است.
×
×
  • اضافه کردن...