بهترین شیوه‌ها

۱. همیشه DOCTYPE بنویسید

هر صفحه با <!DOCTYPE html> شروع شود.

۲. زبان صفحه را تعیین کنید

<html lang="fa"> — برای فارسی.

۳. UTF-8 را فراموش نکنید

<meta charset="UTF-8"> برای پشتیبانی از فارسی.

۴. viewport برای موبایل

بدون این تگ، سایت در موبایل درست نمایش داده نمی‌شود.

۵. تگ‌های معنایی استفاده کنید

به جای div بی‌هدف، از header, nav, article, section استفاده کنید.

۶. alt برای همه تصاویر

حتی تصاویر تزئینی alt="" خالی داشته باشند.

۷. تورفتگی (Indentation) یکنواخت

کد را با فاصله منظم بنویسید تا خوانا باشد.

۸. نام‌گذاری معنادار

class="user-profile" به‌جای class="div1"

۹. CSS و JS را جدا کنید

استایل و اسکریپت را در فایل جداگانه بگذارید، نه inline.

۱۰. اعتبارسنجی (Validation)

کد خود را با W3C Validator بررسی کنید.

۱۱. کامنت بنویسید

<!-- توضیح --> برای بخش‌های پیچیده.

۱۲. فایل‌ها را کوچک نگه دارید

تصاویر را فشرده کنید، کد اضافی حذف کنید.