چند قانون طلایی برای نوشتن HTML تمیز

در طول این دوره، از ساختار پایه‌ی یک سند تا فرم‌ها و رسانه‌ها را دیدیم. این فصل پایانی، خلاصه‌ای از عادت‌های خوبی است که رعایت آن‌ها کد شما را خواناتر، قابل‌نگهداری‌تر و سازگارتر می‌کند.

۱. همیشه از حروف کوچک برای نام برچسب‌ها استفاده کنید

اگرچه HTML به حروف بزرگ و کوچک حساس نیست، اما استاندارد امروز و خواناتر، نوشتن همه‌ی برچسب‌ها و ویژگی‌ها با حروف کوچک است.

<!-- توصیه‌شده -->
<p>متن</p>

<!-- توصیه‌نشده -->
<P>متن</P>

۲. همیشه عناصر و ویژگی‌ها را کامل ببندید

حتی اگر مرورگر بعضی برچسب‌های بسته‌نشده را تحمل کند، بستن کامل هر عنصر و قرار دادن مقدار هر ویژگی داخل گیومه، از خطاهای غیرمنتظره در آینده جلوگیری می‌کند.

۳. ساختار را تودرتو و مرتب نگه دارید

تورفتگی (Indentation) با فاصله یا تب یکنواخت، خواندن ساختار تودرتوی عناصر را بسیار ساده‌تر می‌کند؛ به‌خصوص در فایل‌های بزرگ.

۴. از عناصر معنایی به‌جای div برای هر چیز استفاده کنید

همان‌طور که در فصل چیدمان معنایی دیدیم، استفاده از header، nav، main و footer به‌جای انباشتن همه‌چیز در div، هم برای موتورهای جست‌وجو و هم برای دسترسی‌پذیری بهتر است.

۵. همیشه alt تصاویر را بنویسید

این یک عادت کوچک است که هم دسترسی‌پذیری و هم سئوی سایت را بهبود می‌بخشد؛ فراموش نکردنش را به یک قانون همیشگی تبدیل کنید.

۶. ساختار (HTML)، ظاهر (CSS) و رفتار (JavaScript) را از هم جدا نگه دارید

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

با پایان این فصل، مجموعه‌ی پایه‌ای آموزش HTML این دوره کامل شد. قدم بعدی طبیعی، یادگیری عمیق‌تر CSS برای طراحی ظاهر صفحات و سپس جاوااسکریپت برای افزودن تعامل و پویایی است.