مدرسه وب میکرز: استانداردهای کدنویسی HTML در وردپرس

مدرسه وب میکرز: استانداردهای کدنویسی HTML در وردپرس
  • 1392/5/3
  • omid.kamangar
  • 1

زبان html یعنی همان کدهای سمت کاربر صفحه، می تواند بخش مهمی از ساختار وبسایت را تشکیل دهد پس بهتر است به آن توجه خاصی داشته باشید.

HTML-And-Wordpress

اولین کاری که بهتر است انجام دهید کد نویسی مطابق استاندارد W3C می باشد، یعنی زمانی که شما بر اساس این استاندارد کدنویسی کرده باشید دیگر اشتباهی در کدتان وجود ندارد.

اما در نهایت و در پایان کدنویسی نیز بهتر است برای اطمینان پیدا کردن از درست و بدون مشکل فرم بندی شدن صفحه از ولیدیتور(بررسی کننده صحیح بودن) W3C (لینک)استفاده کنید. این ولیدیتور به شما کمک می کند تا مشکلات کدهایتان را پیدا کنید. در واقع این ولیدر را می توان به عنوان استاندارد مرجع نام برد، اما در کنار اینها به چند نکته کوچک نیز اشار خواهیم کرد.

  • تگ هایی که خود بسته خواهند شد

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

<br />

از این دستور به جای دستور زیر استفاده می شود. اگرچه دستور زیر جمع و جورتر به نظر می رسد اماچون ناصحیح می باشد از آن استفاده نخواهیم کرد.

<br/>

  • ویژگی ها و برچسب ها

تمامی ویژگی ها و برچسب ها باید با حروف کوچک نوشته شوند، علاوه بر این به یاد داشته باشید در بکار بردن کدها در بعضی قسمت ها که نمایش داده خواهد شد از استاندارد قابل خوان بودن آن استفاده کنید؛

ماشین ها:

<meta http-equiv=”content-type” content=”text/html; charset=utf-8″ />

کاربران:

<a href=”http://example.com/” title=”Description Here”>Example.com</a>

  • کوتیشن ها

بر اساس استانداردهای W3C برای اسناد XHTML تمای خواص-اتربیوت ها باید دارای یک مقدار باشند و از دابل یا تک کوتیشن برای اعمال آن استفاده کرد.

مثال صحیح:

<input type=”text” name=”email” disabled=”disabled” />

<input type=’text’ name=’email’ disabled=’disabled’ />

مثال ناصحیح:

<input type=text name=email disabled>

  • فرورفتگی و دندانه ها

همانند php باید برای نشان دادن ساختار منطقی دستورات همیشه از دندانه دهی استفاده کرد.

هنگام مخلوط کردن دستورات php و html باید طوری دندانه دهی شوند تا دستورات منطبق برهم باشند، مثلا دستور بسته شدن کد php باید منطبق بر دستور باز کردن باشد؛

صحیح:

<?php if ( ! have_posts() ) : ?>

   <div id=”post-1″>

       <h1>Not Found</h1>

       <div>

           <p>Apologies, but no results were found.</p>

           <?php get_search_form(); ?>

       </div>

   </div>

<?php endif; ?>

ناصحیح:

       <?php if ( ! have_posts() ) : ?>

       <div id=”post-0″>

           <h1>Not Found</h1>

           <div>

           <p>Apologies, but no results were found.</p>

<?php get_search_form(); ?>

           </div>

       </div>

<?php endif; ?>

دیدگاه خود را وارد کنید
1 دیدگاه

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *