ארכיון פוסטים מהקטגוריה "עברית"

Lucky Number 8207

יום שישי, 1 בדצמבר, 2006

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

דוגמה

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

קוד

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

<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 היא הגרסה החינמית שלו)
(התו הוכנס לאחר הנקודה ולפני הסוגריים).