Lucky Number 8207

שייך לקטגוריות HTML, עברית

לאלה מאיתנו שעוסקים עם עברית ותוכן דינמי בווב, קרה לא אחת שעקב תוכן לא צפוי באנגלית או עברית – סדר המילים מתבלבל.

דוגמה

לדוגמה, פורום. ברשימת הנושאים יש לי את הנושא בצד ימין ולאחריו בהמשך השורה את שם המשתמש.

קוד

דוגמאות הקוד הבאות מציגות את הקומבינציות האפשריות של שילוב עברית ואנגלית.

<div><span class="subject">נושא עברי</span> <span class="user">שם עברי</span></div>
<div><span class="subject">נושא עברי</span> <span class="user">English name</span></div>
<div><span class="subject">English Subject</span> <span class="user">שם עברי</span></div>
<div><span class="subject">English Subject</span> <span class="user">English name</span></div>

בעיה

בהנחה שאנו עובדים עם direction:rtl, בדוגמה מספר 4 שם המשתמש מופיע בצד ימין, ונניח שהוא בצבע מסויים – שיבש לנו את מראה העמוד.

פתרון

בפורומים של תפוז החליטו לפתור את זה ע"י השמת האות ו' בצבע הרקע לאחר הנושא. זה מבטיח סידור רצוי של הנושא והשם. הפתרון הזה די מרגיז מאחר והעתקה/סימון של הטקסט מכילים את האות ו'. אם אני רוצה לחפש בגוגל את הטקסט – האות ו' תופיע בתוך מחרוזת החיפוש.

ישנה אפשרות נוספת – הזנת התכנים לתוך אלמנט כמו div ושימוש ב-float:right. פתרון נחמד אבל לא פרקטי בכל המקרים (ואף אחד לא מזכיר טבלה כפתרון).

נא להכיר – תו מספר 8207 (או: rlm ‏- right to left mark)

תו "שקוף" זה מבצע פחות או יותר את הפעולה שהאות ו' של תפוז מבצעת, רק שהוא "בלתי נראה" ולא מפריע בהעתקה.

<span class="subject">English Subject</span> &rlm;<span class="user">English name</span>

תוצאה

English Subject ‏English name
הנושא נשאר בצד ימין, והשם בשמאל.

למה זה עוד טוב?

סיום משפט במילים באנגלית, ותחילת משפט נוסף באנגלית.

זהו משפט עברי שנגמר ב-English. This is the next משפט.
ושימוש בתו המיוחד:

זהו משפט עברי שנגמר ב-English.‏ This is the next משפט.

זהו משפט עברי שנגמר ב-English.&rlm; This is the next משפט.

ועוד טיפ

 כמה פעמים קרה לכם, שבכתיבת הודעה במסנג'ר, בפורום או כתיבה בכלל בתוך textarea העברית התבלבלה עם האנגלית?

משפט לדוגמה:
אני מתכנת ב-Visual Studio 2005. (Visual Web Developer Express היא הגרסה החינמית שלו)
לא רק שהמשפט התהפך, גם המשמעות שלו.

אפשר להכניס את ה-rlm ידנית ע"י לחיצה על [+ctrl במצב עברי. והתוצאה:

אני מתכנת ב-Visual Studio 2005.‏ (Visual Web Developer Express היא הגרסה החינמית שלו)
(התו הוכנס לאחר הנקודה ולפני הסוגריים).



קטגוריות

חיפוש

עיקבו אחרי (אקספרימנטלי!)

5 תגובות

כתיבת תגובה

30.11.06 בשעה 20:33
ילד כחול

אחלה טיפ :-)
לא ידעתי על הקיום של התו הזה.

עכשיו ההודעות שלי לא יתהפכו בשילוב של אנגלית ועברית.

1
04.12.06 בשעה 20:55
רן פולק

וואלה נחמד.. טוב לדעת :)

2
10.12.06 בשעה 7:49
פלג

קשה לקרואאת הדוגמאת קוד שתחת
"נא להכיר תו מספר 8207" תרווח שם

3
15.12.06 בשעה 23:13
אלישע
(אתר)

וואו, לא ידעתי על זה. ממש מצוין, תודה :)

4
30.12.06 בשעה 23:11
ניר טייב
(אתר)

אחלה טיפ, תודה.

5

כתיבת תגובה

תגיות מותרות לשימוש בתוכן
XHTML: אפשר להשתמש בתגים הללו: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre>