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