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

 

حتما بخوانید:  موجودیت های 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، بستن عناصر خالی اختیاری است.

حتما بخوانید:  معرفی html

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

 

 

امتیاز کاربران به این مطلب
۱ نفر - میانگین: ۵
تلگرام

دیدگاه‌تان را ثبت کنید:

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

2 × 1 =

PHN0eWxlPi5oX2lmcmFtZS1hcGFyYXRfZW1iZWRfZnJhbWV7cG9zaXRpb246cmVsYXRpdmU7fSAuaF9pZnJhbWUtYXBhcmF0X2VtYmVkX2ZyYW1lIC5yYXRpbyB7ZGlzcGxheTpibG9jazt3aWR0aDoxMDAlO2hlaWdodDphdXRvO30gLmhfaWZyYW1lLWFwYXJhdF9lbWJlZF9mcmFtZSBpZnJhbWUge3Bvc2l0aW9uOmFic29sdXRlO3RvcDowO2xlZnQ6MDt3aWR0aDoxMDAlOyBoZWlnaHQ6MTAwJTt9PC9zdHlsZT48ZGl2IGNsYXNzPSJoX2lmcmFtZS1hcGFyYXRfZW1iZWRfZnJhbWUiPiA8c3BhbiBzdHlsZT0iZGlzcGxheTogYmxvY2s7cGFkZGluZy10b3A6IDU3JSI+PC9zcGFuPjxpZnJhbWUgc3JjPSJodHRwczovL3d3dy5hcGFyYXQuY29tL3ZpZGVvL3ZpZGVvL2VtYmVkL3ZpZGVvaGFzaC85dHk0VS92dC9mcmFtZSIgYWxsb3dGdWxsU2NyZWVuPSJ0cnVlIiB3ZWJraXRhbGxvd2Z1bGxzY3JlZW49InRydWUiIG1vemFsbG93ZnVsbHNjcmVlbj0idHJ1ZSIgPjwvaWZyYW1lPjwvZGl2Pg==
با سپاس از ثبت دیدگاه شما دوست عزیز
از تماشای این ویدیو لذت ببرید ...
فقط چند ثانیه تا دانلود فاصله دارید!
* دانلود فایل سخنرانی استیو جابز ...
ایبوک هدف‌گذاری موثر
زودتر از آنچه فکرش را می‌کنید به خواسته‌هایتان دست پیدا کنید!
* لینک دانلود بلافاصله ایمیل می‌شود.
چهار عامل شگفت انگیز کسب درآمد چیست؟
فقط چند ثانیه تا دانلود فاصله دارید!
* سه ایده کسب و کار خانگی پولساز
فقط چند ثانیه تا دانلود فاصله دارید!
* ایبوک: ده مکان عالی برای پیدا کردن یک ایده جدید
فقط چند ثانیه تا دانلود فاصله دارید!
* دانلود ویدیوی جذاب و با کیفیت مصاحبه جک ما
از همین امروز شروع کنید
بدون تجربه و دانش فنی وارد دنیای درآمدهای اینترنتی شوید!
فایل‌های آموزشی برای شما ایمیل می‌شود.
فقط چند ثانیه تا دریافت این فایل آموزشی فاصله دارید!
فایل‌های آموزشی ویژه اعضای سایت
* اگر عضو نیستید با وارد کردن ایمیل‌تان به این فایل دسترسی پیدا می‌کنید
دسترسی مخصوص اعضای سایت
عضو سایت نیستید؟
فقط کافیه نام و ایمیل‌تان را وارد کنید و ...
* دسترسی سریع به تمام فایل‌های آموزشی
هدیه ما به شما
با سپاس از اینکه دیدگاه تان را در سایت ما ثبت کردید.


یک کوپن تخفیف 30%
  • مشاوره حضوری
  • دوره های آنلاین
  • بسته های آموزشی
  • محصولات دانلودی
  • وبینارهای آموزشی
  این کد فقط یکبار به شما نمایش داده می‌شود.
کد: qwert
ورود کاربران
* دسترسی رایگان به بخش آکادمی