حالت آفلاین — محتوا از حافظهٔ کش نمایش داده می‌شود
HTML از صفر؛ ساخت وب‌سایت

فارسی و متن دوجهته؛ lang، dir و bdi

۶. دسترس‌پذیری و صفحهٔ فارسی · 0٪

برای ذخیره پیشرفت و استفاده از دستیار وارد شوید.

زبان و جهت دو مفهوم مستقل‌اند

برای صفحهٔ فارسی، lang="fa" و dir="rtl" را روی html قرار بده. lang به تلفظ و پردازش زبان کمک می‌کند و dir جهت پایه را تعیین می‌کند. برای قطعهٔ انگلیسی می‌توان lang="en" و در صورت نیاز dir="ltr" گذاشت.

<html lang="fa" dir="rtl">
<!-- head و body -->
</html>

در متن ترکیبی، ایمیل، شماره یا نام کاربری ممکن است ترتیب نشانه‌ها را به هم بزند. bdi محتوای درونش را از جهت متن اطراف جدا می‌کند؛ برای دادهٔ کاربر که جهتش را نمی‌دانی مفید است. dir="auto" از محتوای متن برای انتخاب جهت پایه کمک می‌گیرد.

<p>کاربر <bdi>Ali_2026</bdi> ثبت‌نام کرد.</p>
<p>ایمیل: <span dir="ltr">hello@example.com</span></p>
<label for="message">پیام</label>
<textarea id="message" name="message" dir="auto"></textarea>
<p lang="en" dir="ltr">Welcome to the workshop.</p>

bdo جهت را عمداً بازنویسی می‌کند و برای متن معمولی ابزار مناسبی نیست؛ فقط در نیاز خاص مثل نمایش معکوس کنترل‌شده از آن استفاده کن. جهت سند را با جابه‌جاکردن دستی حروف یا فاصله‌های اضافه درست نکن.

تمرین دستی: یک متن فارسی با ایمیل و پرانتز بساز؛ یک‌بار بدون جداکردن جهت و یک‌بار با bdi یا dir مناسب نتیجه را مقایسه کن.