طراحی وب سایتعمومی

طرح بندی HTML صفحات فارسی چگونه صورت می گیرد؟

با استفاده از مشخصه DIR که از کلمه direction مشتق شده است می توان در HTML جهت يا طرح بندی HTML تگ های HTML را مشخص نمود. بعبارت ديگر مثلا می توان جهت متن را بصورت راست به چپ تعيين نمود. کاربرد اين مساله برای زبانهائی است که جهت نوشتار آنها از راست به چپ می باشند مانند زبان فارسي. مساله تعيين جهت در صفحات HTML فارسی از موارد کليدی و اساسی بحث فارسی وب است. در ابتدا می توانید مقاله استفاده از فونت فارسی در html را مطالعه کنید.

استاندارد یونی کد در طرح بندی HTML صفحات فارسی

استاندارد يونيکد جهت نوشتاری زبان ها را پيش بينی کرده است و برای اين منظور نويسه های کنترلی خاصی را در نظر گرفته است که براساس يک الگوريتم مشخص طرح بندی HTML مناسب زبان مورد استفاده را مشخص می کنند. اين الگوريتم بنام “الگوريتم دو سويه يونيکد” يا Unicode Bidirectional Algorithm شناخته می شود. برخی از اين نويسه های مخصوص عبارتند از LRM ،RLM ،RLO و LRO .

در ساخت صفحات HTML دو جهته يا بطورکلی صفحاتی که نياز به تعيين جهت دارند مانند صفحات فارسی بهتر است که از مشخصه DIR برای عناصر HTML بجای نويسه های خاص يونيکد استفاده کرد. زيرا نويسه های کنترلی يونيکد در طرح بندی HTML متون در اغلب ويرايشگرهای متنی قابل مشاهده نيستند و اين مساله ممکن است سبب سردرگمی نويسنده گردد.

مشخصه DIR می تواند توسط تگهای داخلی به ارث برده شده يا تغيير داده شوند. بعبارت ديگر اگر برای تگ <BODY> در يک صفحه HTML مشخصه DIR مقداردهی شود، اين مقدار برای تگ <P> که درون <BODY> قرار دارد نيز معتبر است يا بعبارت ديگر به ارث برده می شود. همچنين تگ <P> می تواند مشخصه DIR مختص خود را داشته باشد و بصورت ديگری آن را مقداردهی کند.

استفاده از DIR در <HTML> يا <BODY>؟

براساس تعريف زبان HTML، استفاده از DIR در تگ <HTML> در کل طرح بندی HTML صفحه اثر می گذارد. اين اثرات بشرح زير است:

• خاصيت Ambient مربوط به شئ های OLE/COM در صفحه به مقدار AMBIENT_RIGHTTOLEFT مقداردهی می گردد.
• از طريق DOM يا Document Object Model می توان جهت صفحه را با استفاده از اسکريپتهای نزد کاربر تغيير داد.
• پنجره های مشتق شده از پنجره اصلی اين خاصيت را به ارث می برند.
• در صورت وجود scrollbar عمودی در پنجره، اين scrollbarها در سمت چپ صفحه نمايش قرار می گيرند.

بررسی قابلیت های طرح بندی HTML صفحات فارسی

استفاده از DIR=RTL در تگ <BODY> موارد زير را بهمراه دارد:

• خاصيت Ambient مربوط به اشياء OLE/COM فعال نخواهد شد.
• امکان تغيير جهت صفحه از طريق DOM ميسر نخواهد بود.
• پنجره های مشتق شده و عنوان پنجره تحت تاثير اين مساله قرار نخواهند گرفت.
• محل scrollbar براساس جهت <BODY> مشخص خواهد شد و نه جهت <HTML>

ترازبندی (Alignment) 

مشخصه DIR در مورد برخی تگ ها بطور خودکار عمل ترازبندی را هم انجام می دهد. بعبارت ديگر هرگاه مشخصه DIR=RTL برای تگهای <P> و <H1> استفاده شود، ترازبندی اين تگها بصورت پيش فرض از راست خواهد بود و ديگر نيازی به ALIGN=RIGHT نيست.

جدول

قراردادن مشخصه DIR در تگ <TABLE> بصورت <TABLE DIR=RTL> سبب می شود تا کل طرح بندی HTML جدول از راست به چپ شود. يعنی در حالت عادی (چپ به راست) اگر ستونی در منتها اليه سمت چپ جدول باشد (اولين ستون) در حالت DIR=RTL اين ستون در منتها اليه سمت راست جدول نشان داده می شود.

همچنين می توان از DIR برای تگ <TABLE> استفاده نکرده بلکه از آن برای تگ <TD> استفاده نمود که به نظر می رسد اين حالت در طراحی صفحات فارسی مناسبتر است و از سردرگمی برنامه نويس جلوگيری می کند.

بلوک

هرگاه در يک صفحه بلوک های داريم که دارای تگ های داخلی باشند نيازی نيست که برای تک تک آنها تعيين جهت کنيم. تعيين جهت فقط يکبار برای بلوک اصلی انجام می شود. جهت ساخت بلوکها می توان از تگهای <DIV> و <SPAN> استفاده نمود.

به شما پیشنهاد می شود مقاله ی ما با موضوع HTML5 چیست را مطالعه نمایید.

سوالات متداول

براساس تعريف زبان HTML، استفاده از DIR در تگ در کل طرح بندی HTML صفحه اثر می گذارد. اين اثرات بشرح زير است: • خاصيت Ambient مربوط به شئ های OLE/COM در صفحه به مقدار AMBIENT_RIGHTTOLEFT مقداردهی می گردد. • از طريق DOM يا Document Object Model می توان جهت صفحه را با استفاده از اسکريپتهای نزد کاربر تغيير داد. • پنجره های مشتق شده از پنجره اصلی اين خاصيت را به ارث می برند. • در صورت وجود scrollbar عمودی در پنجره، اين scrollbarها در سمت چپ صفحه نمايش قرار می گيرند.
هرگاه در يک صفحه بلوک های داريم که دارای تگ های داخلی باشند نيازی نيست که برای تک تک آنها تعيين جهت کنيم. تعيين جهت فقط يکبار برای بلوک اصلی انجام می شود. جهت ساخت بلوکها می توان از تگهای
و استفاده نمود.
نمایش بیشتر
دکمه بازگشت به بالا