طراحی وب

راهنمای style و Coding Conventions

راهنمای style و Coding Conventions در html5 چیست؟

آموزش html5 درس ششم

راهنمای style و Coding Conventions : توسعه دهندگان وب اغلب در مورد coding style و syntax جهت استفاده در html مطمئن نیستند. بین سال های ۲۰۰۰ و ۲۰۱۰، بسیاری از توسعه دهندگان وب html را به xhtml تبدیل کرده اند. با xhtml ، توسعه دهندگان مجبور شدند که کدهای معتبر و خوب شکل گرفته را بنویسند.

وقتی کد ها را اعتبار سنجی می کنیم html5 کمی بیشتر غلط دارد.

راهنمای style و Coding Conventions : هوشمند بودن و تجسم آینده

استفاده مداوم از style ، باعث می شود که دیگران html شما را بهتر و آسان تر درک کنند. در آینده، برنامه هایی مانند خوانندگان xml ، ممکن است بخواهند که html شما را بخوانند. استفاده کردن از متنی که به خوبی شکل گرفته و نزدیک به xhtml باشد می تواند هوشمندانه باشد.

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

راهنمای style و Coding Conventions : استفاده از نوع سند صحیح

همیشه نوع سند را به عنوان خط اول در سند خود تایپ کنید:


<!DOCTYPE html>

اگر می خواهید با حروف کوچک بنویسید مثل خط زیر بنویسید :


<!doctype html>

راهنمای style و Coding Conventions : از نام های عناصر با حروف کوچک استفاده کنید:

Html 5 اجازه می دهد که حروف کوچک و حروف بزرگ در نام های عناصر با هم ترکیب شوند. ما پیشنهاد می کنیم که از حروف کوچک برای نام های عناصر استفاده کنید زیرا :

ترکیب نام ها با حروف کوچک و حروف بزرگ بد است.
توسعه دهندگان معمولاً از نام ها با حروف کوچک استفاده می کنند( به عنوان مثال در xhtml)
کد نویسی با حروف کوچک تمیز به نظر می رسد.
حروف کوچک برای نوشتن ساده تر هستند.
اولین کد بد ، دومین کد خیلی بد و سومین کد خوب است.

 
<SECTION>
  

This is a paragraph.

</SECTION>

 
<Section>
  

This is a paragraph.

</SECTION>

 
<section>
  

This is a paragraph.

</section>

راهنمای style و Coding Conventions : تمام عناصر HTML را ببندید

در HTML5، لازم نیست تمام عناصر را ببندید (مثلا عنصر <p>)
ما توصیه می کنیم تمام عناصر HTML. را ببندید.

Bad:

 
<section>
  

This is a paragraph.
  

This is a paragraph.
</section>

Good:

 
<section>
  

This is a paragraph.

  

This is a paragraph.

</section>

راهنمای style و Coding Conventions : عناصر HTML خالی را ببندید

در HTML5، بستن عناصر خالی اختیاری است.

Allowed:

 <meta charset="utf-8">

Also Allowed:

 <meta charset="utf-8" />

با این حال، اسلش بسته شدن (/) در xhtml و xml مورد نیاز است. اگر شما از نرم افزار xml برای دسترسی به صفحه خود استفاده می کنید، بهترین ایده این است که اسلش بسته شدن را استفاده کنید.

درس بعدی : html canvas