آموزش راهنمای کاربری ۵ HTML

رتبه: 0 ار 0 رای sssss
HTML
نویسنده: تیم تولید محتوا زمان مطالعه 2 دقیقه

در زمان استفاده از HTML باید برخی قرارداد ها را دنبال کنید:

از CSS سازگار استفاده کنید

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

کد شما باید کوتاه، واضح و خوش فرم باشد.

نوع صحیح سند را استفاده کنید

باید در ابتدای کد خود نوع سند را اعلام کنید.

برای مثال:

<!DOCTYPE html>

همچنین می توانید از <!DOCTYPE html> با حروف کوچک استفاده کنید.

نام عناصر را با حروف کوچک استفاده کنید

در ۵ HTML می توانید برای نام عنصر از حروف بزرگ و کوچک استفاده کنید. اما بهتر است که فقط از حروف کوچک استفاده کنید. زیرا:

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

مثال

روش بد:

<SECTION>

<p>This is javatpoint.com</p>

</SECTION>

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

روش خیلی بد:

<Section>

<p>This is a javatpoint.com</p>

</SECTION>

روش خوب:

<section>

<p>This is javatpoint.com.</p>

</section>

بستن همه عناصر HTML

در ۵ HTML، نیازی به بستن تمام تگ های HTML نیست. اما بستن تگ ها توصیه می شود.

روش بد:

<section>

<p>This is javatpoint.com

</section>

روش خوب:

چرب زبان

طراحی رابط کاربری UI UX رو قورت بده! بدون کلاس، سرعت 2 برابر، ماندگاری 3 برابر، پولسازی عالی با طراحی جذاب اپلیکیشن، نرم افزار وبسایت... دانلود:

<section>

<p>This is javatpoint.com</p>

</section>

عناصر خالی HTML را ببندید

در ۵HTML بستن تگ های خالی اجباری نیست. می توانید آن ها را ببندید یا بگذارید باز بماند.

روش خوب:

<meta charset=”utf-8″>

<html> و <body> را فراموش نکنید

۵ HTML حذف و درج تگ را برای شما آسان می کند. شما می توانید هر دو تگ را حذف کنید و برنامه همچنان به اندازه کافی خوب کار خواهد کرد.

مثال

<!DOCTYPE html>

<head>

<title>Page Title</title>

</head>

<h1>This is javatpoint.com</h1>

<p>Welcome to javatpoint.com</p>

توصیه می کنیم که از حذف تگ <html> خودداری کنید زیرا عنصر اصلی است و زبان صفحه را مشخص می کند.

ساختار

<!DOCTYPE html>

<html lang=”en-US”>

مثال

<!DOCTYPE html>

<html lang=”en-US”>

<head>

<title>Page Title</title>

</head>

<body>

<h1>This is a heading</h1>

<p>This is a paragraph.</p>

</body>

</html>

profile name
تیم تولید محتوا

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

مطالب پیشنهادی برای شما

محصولات مرتبط

مشاهده همه

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

1 2 3 4 5

0 نظر درباره «آموزش راهنمای کاربری ۵ HTML»

    هنوز نظری برای این بخش ثبت نشده است
مشاهده همه نظرات
سبد خرید
سبد خرید شما خالی است
× جهت نصب روی دکمه زیر در گوشی کلیک نمائید
آی او اس
سپس در مرحله بعد برروی دکمه "Add To Home Screen" کلیک نمائید