تنظیم پیج کد مورد استفاده در صفحه

حتماً تا به حال با صفحاتی مواجه شده اید که به زبان فارسی نوشته شده اند، اما وقتی از آنها بازدید می کنید با کلماتی به هم ریخته و غیر قابل فهم مواجه می شوید. دلیل این مشکل ناسازگار بودن Encoding انتخاب شده در مرورگر با زبان فارسی است.

این ناسازگاری ممکن است به دلیل کامل نشدن بارگزاری صفحه ایجاد شده باشد یا به دلیل اینکه در هنگام طراحی Encoding متناسب با زبان فارسی انتخاب نشده باشد یا اصلاً در طراحی صفحه هیچگزینه ای برای Encoding صفحه در نظر گرفته نشده باشد.

در اکثر مواقع می توانید صفحه مورد نظر را به روش زیر به صورت فارسی مشاهده کنید:

  • مرورگر اینترنت اکسپلورر در ویندوز (Microsoft Internet Explorer) :
    از منوی view گزینه Encoding را انتخاب کنید و گزینه utf-8 را کلیک کنید. در صورتی که در لیست اولیه کد پیجهای مختلف نتوانستید utf-8 را مشاهده کنید نشانگر ماوس خود را روی گزینه More نگهدارید و utf-8 را از بین کد پیجهای مختلف پیدا کرده و روی آن کلیک کنید.
    در سایر مرورگر ها هم به همین روش باید عمل کنید فقط مسیر منو ها کمی تفاوت دارد. می توانید مسیر های زیر را دنبال کنید.
  • مرورگر فایر فوکس : (Firefox)
    view --> Character Encoding --> unicode (utf-8)
    یا
    view --> Character Encoding --> More Encodings --> Unicode --> Unicode (utf-8)
  • مرورگر اپرا : (Opera)
    view --> Encoding --> Unicode --> UTF-8

البته اگر به این روش مشکل صفحه مورد نظر شما حل نشد به دلیل این است که صفحه با پیج کد دیگری نوشته شده است. می توانید گزینه هایی مثل (Arabic(Windows رانیز امتحان کنید.

برای اینکه یک صفحه فارسی طراحی کنیم دو چیز را باید مد نظر قرار دهیم:

راست به چپ بودن صفحه

برای اینکه یک صفحه راست به چپ طراحی کنیم می توانیم به چند طریق عمل کنیم.

  • استفاده از شناسه "dir="rtl در تگ <html>
    از این شناسه در بسیاری از تگهای HTML می توان استفاده نمود. در صورتی که صفحه ای راست به چپ باشد و بخواهیم از قسمتهای چپ به راست نیز در آن صفحه استفاده کنیم می توانیم از شناسه "dir="ltr استفاده کنیم.
  • استفاده از CSS برای تعیین direction صفحه
    مثلاً استفاده از یک استایل خارجی یا در بخش HEAD متن یا استفاده از شناسه "style="direction: rtl در تگهایی که می خواهیم به صورت راست به چپ نمایش داده شود

تنظیم Encoding در هنگام طراحی صفحه

برای تنظیم Encoding صفحه باید از یک متاتگ در بخش HEAD متن استفاده کنیم. این متاتگ برای کد پیج utf-8 که بیشترین سازگازی را با صفحات فارسی دارد به صورت زیر است:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

اگر در طراحی صفحه ای از این متاتگ استفاده شود کد پیج utf-8 در مرورگر به صورت خودکار برای آن صفحه اعمال می شود.


نظرات بازدید کنندگان
Mon, 21 Apr 2008 13:11:42 +0330 نویسنده : مهدیه
سلام.. واقعا خسته نباشید بهتون میگم... یه فرد مبتدی توی این زمینه با اطلاعات جامع شما میتونه یه حرفه ای بشه
من که کلی استفاده کردم.
خیلی خوب میشد اگر دات نت رو هم اموزش میدادین... به امید روزی که این آموزشو توی سایتتون ببینم و استفاده کنم
 
Sun, 23 Mar 2008 14:55:19 +0330 نویسنده : سید عابدین "محبت زاده"
سلام به شما دوستان
واقعاً کولاک بود.
تشکر از شما
از افغانستان
 
Sat, 22 Mar 2008 14:12:48 +0330 نویسنده : مینا
کارتون حرف نداره بابا دمتون درست
 
ساعت: 15:45 - تاریخ: 14 بهمن 1386 نویسنده : محمد
با تشکر
خیلی باحاااااااااااااااااااااااال بود
دستتان درد نکند
 
ساعت: 10:55 - تاریخ: 13 بهمن 1386 نویسنده : محمد
بهترين وبلاگ: www.bestofblog.blogfa.com
 
ساعت: 10:53 - تاریخ: 13 بهمن 1386 نویسنده : محمد
با سلام. كد ها عالي بود. به وبلاگ من سري بزن و لطفاً به بقيه معرفي كن. من هم سايت شما را به دوست و فاميل معرفي ميكنم.
 
ساعت: 00:20 - تاریخ: 8 بهمن 1386 نویسنده : امیر
دسته شما درد نکنه.
خیلی خوب بود.
 
ساعت: 23:27 - تاریخ: 7 بهمن 1386 نویسنده : نويد
خيلي باحال بود دمت گرم.
 
ساعت: 13:30 - تاریخ: 7 بهمن 1386 نویسنده : سعيد
تبريك ميگم به كليه عزيزاني كه زحمت اين سايت بسيار پرمحتوي و كاربردي رو كشيدن
 
ساعت: 18:53 - تاریخ: 4 بهمن 1386 نویسنده : محمد
بسيار عالي بود كار جالبي است فرهنگ سازي است .
 
ساعت: 03:23 - تاریخ: 3 بهمن 1386 نویسنده : بهروز
و باز هم سپاس فراوان به همراهی دیگر دوستان تلفن تماس هم اگر بزاری باز ممنون می شیم بدرود
 
ساعت: 14:01 - تاریخ: 28 دی 1386 نویسنده : f.t
بسیار عالی بود.ممنون از زحماتتون
 
ساعت: 20:04 - تاریخ: 27 دی 1386 نویسنده : milad
ایول دستت درد نکنه معلومه برا جمع کردن این مطالب خیلی زحمت کشیدی. خدا قوت
 
ساعت: 11:21 - تاریخ: 27 دی 1386 نویسنده : سعید موسوی
حتما برای درست کردن این سایت بسیار خوب و بدون نقص خیلی زحمت کشیدی
من از زحمات تو قدردانی می کنم
 
ساعت: 22:57 - تاریخ: 26 دی 1386 نویسنده : رضا
سلام می خواستم بگم واقعا خسته نباشید امیدوارم همیشه خوش باشید سایتتون واقعا عالیه منتظر آموزشای بیشتر شما هستم  بازم متشکرم امیدوارم یه روز جبران کنم
 
ساعت: 13:52 - تاریخ: 20 دی 1386 نویسنده : khosravi
برو بچ واقعا خسته نباشین من که کلی باش حال کردم . ایشالا مطالب بعدیتونم میبینیم.
 
ساعت: 02:38 - تاریخ: 20 دی 1386 نویسنده : رضا
آقا سايتتون حرف نداره به مولا تكه دستتون درد نكنه بازم از اين كارا بكنيد
 
ساعت: 12:48 - تاریخ: 17 دی 1386 نویسنده : بلال
با كمال تشكر از زحمات شما مطمئنا خیلی زحمت کشیدید دستتون درد نکند
بنده تمام مطالب html را كرفتم
 
ساعت: 01:20 - تاریخ: 14 دی 1386 نویسنده : امير سعيد
واقعا خسته نباشيد ولي با اين كار توقع ما رو بالا بردين، راستش رو بگم منتظر آموزش PHP و Ajax  خواهم ماند و به جاي ديگر مراجعه نميكنم.اميد وارم روزي بتونم در خدمت صادقانه شما شريك بشم و ضمنا اگه ممكنه آموزشي هم در مورد طراحي و بار گذاري قدم به قدم وب سايت بذاريد كه ديگه گمون كنم  آخر همه سايتهاي آموزشي است.
باز هم بسيار ممنون و متشكر
 
ساعت: 00:22 - تاریخ: 13 دی 1386 نویسنده : رضا عامری
عالی بود واقعاً کارتون حرف نداره تشکر میکنم