پروژه؛ اسکلت معنایی و ناوبری صفحهٔ خانه

اسکلت، پیش از جزئیات

صفحهٔ خانه باید یک مقصد اصلی داشته باشد که کاربر پس از ورود به آن برسد. منو بین فایل‌های هم‌پوشه حرکت می‌کند؛ لینک #main-content هم در همان صفحه به محتوای اصلی می‌پرد.

در این گام فقط اسکلت را می‌سازیم. فایل index.html را در رایانه هم ذخیره کن. مرحلهٔ نهایی جزئیات بیشتری به همین صفحه اضافه خواهد کرد.

اجرای کامل در رایانه

محیط امن تمرین این سایت فقط بخشی از HTML را برای پیش‌نمایش نگه می‌دارد و بعضی تگ‌ها و ویژگی‌ها را حذف می‌کند. این محدودیتِ ابزار است، نه نامعتبر بودن HTML استاندارد. بررسی خودکار فقط معیارهای ذکرشده را می‌سنجد. برای دیدن نتیجهٔ کامل، کد را در فایل .html ذخیره و با مرورگر معمولی باز کن. اطلاعات head، برخی ویژگی‌های فرم، caption و scope جدول، details و رسانه‌های بیرونی را در فایل محلی هم آزمایش کن.

فعالیت شما

یک سند فارسی با html دارای lang="fa" و dir="rtl" بساز. title در head باید «کارگاه HTML | خانه» باشد. header شامل nav با سه لینک index.html، about.html و register.html بساز. دقیقاً یک main با id="main-content" و h1 «کارگاه HTML» بگذار. لینک پرش به #main-content و footer هم لازم است.

بررسی خودکار لینک‌ها، ساختار body، main و عنوان داخل صفحه را می‌سنجد. doctype، زبان و جهت و title را در فایل محلی بررسی کن؛ پوستهٔ محیط امن اجازهٔ بررسی آن‌ها را نمی‌دهد.