طراحی وب

راهنمای style و Coding Conventions

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

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

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

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

راهنمای style و Coding Conventions
راهنمای style و Coding Conventions

راهنمای 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

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

Html 5  اجازه می دهد که حروف کوچک و حروف بزرگ در نام های ویژگی ها با هم ترکیب شوند.

ما توصیه می کنیم که از حروف کوچک برای نام ویژگی ها استفاده کنید زیرا:

ترکیب حروف کوچک و حروف بزرگ بد است.

توسعه دهندگان معمولاً از نام های حروف کوچک استفاده می کنند ( مانند  xhtml)

حروف کوچک تمیز تر به نظر می رسد.

حروف کوچک برای نوشتن آسان تر است.

Bad:

 
<div CLASS="menu"> 

 

Good:

 
<div class="menu"> 

 

 

دوره آنلاین کسب و کار اینترنتی
برچسب ها

دیدگاهتان را بنویسید

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

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

10 جلسه به همراه فایل صوتی و ویدیویی
همین حالا شروع کنید
تا امروز بیش از 4000 نفر در این دوره شرکت کرده‌اند
بستن پیام
دانلود رایگان
یک ساعت اول
فیلم جلسه اول را ببینید
لینک دانلود را برایم ایمیل کن
لینک دانلود بلافاصله به ایمیل شما ارسال می‌شود
X
بستن