ady_constantine
Active Member
استاندارد سازی صفحات html :
در این تاپیک قصد دارم کد نویسی های غلط در زبان html را یادآور و آنرا اصلاح کنیم .
استاندارد سازی چه فوایدی دارد ؟
- یک صفحه استاندارد باید بتواند در تمام مرورگرها و سیستم عامل ها بدرستی نشان داده شود .
- بهتر ایندکس شدن توسط روبات ها و موتورهای جستجو . اگر صفحه شما یک کد بسیار بد از html باشد هرچه تلاش کنید گوگل و دیگر موتورهای جستجو بسختی می توانند صفحات شما را بخوانند و آنها را ایندکس کنند
از کجا بفمیم صفحه html ما درست طراحی شده است ؟
کافیست به http://validator.w3.org رفته و مسیر فایل html خود را در این صفحه وارد کنید . این صفحه همانند یک debuger صفحه html شما را خوانده و تعداد خطا ها و اشکالات کار شما را بازگو می کند .
[حالا اشتباهاتی که اکثر برنامه نویسان ما انجام می دهند :
1- ابتدا حتما در بالای کد html خود باید نوع document خود را تعریف کنید :
که هم در همین مرحله اول چون اکثر طراحان با فرانت پیج طراحی می کنند این کد را نمی گذارند . چون برنامه فرانت پیچ چنین چیزی را درهنگا یجاد صفحه نمی گذارد .
2- کلیه صفتها باید در بین ' یا " قرار داده شود . مثل کد زیر کد استانداری نمی باشد .
3- برای گذاشتن عکس صفت alt حتما باید تعیین گردد . می دانید که این صفت تعیین کننده این است که وقتی موس را بر روی عکس مورد نظر می بریم چه نوشته ای ظاهر گردد . توجه کنید که گذاشتن این صفت اجباری است !!! بنابراین اگر متنی در نظر ندارید می تونید از "" استفاده کنید . یعنی به این شکل :
4- تگ ها ی داخلی باید زودتر بسته شوند و ترتیب رعایت گردد .
هرچند در هنگام بستن تگ هایی که پست سر هم است ترتیب رعایت نشود ممکن است در ظاهر تغییری نکند اما اصول رعایت نشده است .
فعلا تا اینجا کافیه . اگه علاقه مند بودید ادامه می دهیم .
در این تاپیک قصد دارم کد نویسی های غلط در زبان html را یادآور و آنرا اصلاح کنیم .
استاندارد سازی چه فوایدی دارد ؟
- یک صفحه استاندارد باید بتواند در تمام مرورگرها و سیستم عامل ها بدرستی نشان داده شود .
- بهتر ایندکس شدن توسط روبات ها و موتورهای جستجو . اگر صفحه شما یک کد بسیار بد از html باشد هرچه تلاش کنید گوگل و دیگر موتورهای جستجو بسختی می توانند صفحات شما را بخوانند و آنها را ایندکس کنند
از کجا بفمیم صفحه html ما درست طراحی شده است ؟
کافیست به http://validator.w3.org رفته و مسیر فایل html خود را در این صفحه وارد کنید . این صفحه همانند یک debuger صفحه html شما را خوانده و تعداد خطا ها و اشکالات کار شما را بازگو می کند .
[حالا اشتباهاتی که اکثر برنامه نویسان ما انجام می دهند :
1- ابتدا حتما در بالای کد html خود باید نوع document خود را تعریف کنید :
کد:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">که هم در همین مرحله اول چون اکثر طراحان با فرانت پیج طراحی می کنند این کد را نمی گذارند . چون برنامه فرانت پیچ چنین چیزی را درهنگا یجاد صفحه نمی گذارد .
2- کلیه صفتها باید در بین ' یا " قرار داده شود . مثل کد زیر کد استانداری نمی باشد .
کد:
<table width=75% border=1>3- برای گذاشتن عکس صفت alt حتما باید تعیین گردد . می دانید که این صفت تعیین کننده این است که وقتی موس را بر روی عکس مورد نظر می بریم چه نوشته ای ظاهر گردد . توجه کنید که گذاشتن این صفت اجباری است !!! بنابراین اگر متنی در نظر ندارید می تونید از "" استفاده کنید . یعنی به این شکل :
کد:
<img src="image.gif" width="594" height="79" alt="">4- تگ ها ی داخلی باید زودتر بسته شوند و ترتیب رعایت گردد .
کد:
<tag 1 >
<tag2 >
<tag 3>
</tag3>
</tag 2>
</tag 1 >هرچند در هنگام بستن تگ هایی که پست سر هم است ترتیب رعایت نشود ممکن است در ظاهر تغییری نکند اما اصول رعایت نشده است .
فعلا تا اینجا کافیه . اگه علاقه مند بودید ادامه می دهیم .
