ציון הכיוון של טקסט ושל מערכים – תכונת ה-dir

הגדרות התכונה dir= LTR | RTL

תכונה זו מציינת את הכיוון הבסיסי של טקסט מכוון.אם טקסט מסויים לא ירש את הכיווניות המוגדרת ב-Unicode , אזי הגדרות אלו מודיעות לדפדפן איך לפרוש את המילים בטקסט.
תכונה זו גם מציינת את הכיווניות של מערכים.הערכים האפשריים הם:

· LTR: הצגת מערך או טקסט משמאל לימין.

· RTL: הצגת מערך או טקסט מימין לשמאל

בנוסף לציון השפה של מסמך נתון באמצעות תכונת ה-lang, כותבי אתרים עלולים להזדקק ליכולת לציין את הכיווניות הבסיסית (מימין לשמאל או משמאל לימין) של חלקים מהמסמך, של מערכים וכד‘.הדבר נעשה ע"י תכונת ה-dir.
תקן ה-Unicode מתאים כיווניות לתווים ומגדיר אלגוריתם ,מסובך יחסית, הקובע את הכיווניות הנכונה עבור הטקסט.ל-Unicode יש אלגוריתם דו-כיווני , המסוגל להציג טקסט מעורב בעברית ובאנגלית.אם בטקסט מסויים מופיעים תווים מאופייני כיוון מימין לשמאל, אזי, על מנת להציג תווים אלו המשתמש חייב להעזר באלגוריתם הדו-כיווני.
אמנם ה-Unicode מציין תווים מיוחדים לטיפול בכיווניות הטקסט, אולם ה-HTML מציע דרך סימון גבוהה יותר וידידותית יותר עבור אותה מטרה:תכונת ה-dir (על תתבלבלו עם רכיב ה-DIR) ורכיב ה-BDO.לכן,על מנת להביע ציטטהבעברית, זה הרבה יותר קל לכתוב:

<Q lang="he" dir="rtl">...a Hebrew Quation...</Q>

מאשר הכתיבה המקבילה ב-Unicode:
&#x202B;&#x05F4;...a Hebrew Quatation ...&#x05F4;&#x202C;

אל למשתמש להעזר בתכונת ה-lang לצורך הגדרת כיווניות הטקסט.
תכונת ה-dir היא תכונה מורשת והיא יכולה להידרס בערכים חדשים.
בוני אתרים המבקשים לשלב עברית ואנגלית יכולום להשתמש בתגית זו בכדי לתחום טקסטים באנגלית אשר ייכתבו משמאל לימין ובתוכם טקסטים בעברית שייתחמו ע"י dir=rtl וייכתבו מימין לשמאל.

הביטו בקטע קוד זה הממחיש כתיבה מקוננת תוך שימוש בתכונת הdir

הביטו פה בהרצת הקוד

במידה ותרצו לאפיין את כל המסמך שלכם בכיוון אחד אתם יכולים להשתמש בתגית dir אחת בתוך ההצהרה של body במסמך.

ראו קטע קוד לדוגמא פה

הביטו בריצה עצמה

בעייה ידועה היא שיבוץ עברית ב-FORMS ובתוך תגיות PRE.
הבעייה היא שקיימים דפדפנים אשר מציירים את העברית המופיעה במקומות אלו בגופן מיוחד אשר מאבד את משמעות המלים ומבלבל את הסדר.
דפדפנים ממשפחת Netscape מגלים את החולשה הגדולה מכולם, בעוד שדפדפני ה-Explorer מצליחים להציג את העברית באופן טוב.

לחצו פה כדי להריץ דוגמא שיש בה שימוש ב-FORM וב-TEXTAREA.
אם ברשותכם דפדפן Explorer הדוגמא לא תעבוד, אולם ב-Netscape , כאמור אין הבעייה ניכרת.