3 سال پیش / خواندن دقیقه

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

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

در زمان استفاده از 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>

روش خوب:

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


شاید از نوشته‌های زیر خوشتان بیاید
نظر خود را درباره این پست بنویسید ...

منوی سریع