از روی نشانهها خطا را پیدا کن
lang="fa" زبان محتوا را برای مرورگر و صفحهخوان مشخص میکند. dir="rtl" جهت پایهٔ متن را راستبهچپ میکند؛ این دو ویژگی جای یکدیگر نیستند. meta charset="utf-8" از خرابشدن حروف فارسی جلوگیری میکند. viewport به مرورگر موبایل کمک میکند عرض صفحه را مطابق دستگاه در نظر بگیرد؛ بهتنهایی طراحی واکنشگرا نمیسازد.
در سند کامل، title داخل head و محتوای قابلمشاهده داخل body است. ساختار را با تورفتگی بنویس و تگهای باز و بسته را جفت کن. در Inspect، بخش Elements ساختاری را نشان میدهد که مرورگر از کدت ساخته است؛ گاهی با متن منبع فرق دارد، چون مرورگر کد نامعتبر را اصلاح میکند.
اجرای کامل در رایانه
محیط امن تمرین این سایت فقط بخشی از HTML را برای پیشنمایش نگه میدارد و بعضی تگها و ویژگیها را حذف میکند. این محدودیتِ ابزار است، نه نامعتبر بودن HTML استاندارد. بررسی خودکار فقط معیارهای ذکرشده را میسنجد. برای دیدن نتیجهٔ کامل، کد را در فایل .html ذخیره و با مرورگر معمولی باز کن. اطلاعات head، برخی ویژگیهای فرم، caption و scope جدول، details و رسانههای بیرونی را در فایل محلی هم آزمایش کن.
فعالیت شما
کدام ترکیب برای یک سند فارسی درست است؟
title و meta را در head بگذار.
h1 در body است؛ ویژگیهای زبان و جهت روی html قرار میگیرند.