שתי תגיות HTML נדירות אך שימושיות להפליא

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

שתי תגיות שימושיות להפליא שממעטים להשתמש בהן הן WBR ו-NOBR. שתיהן אינן תקניות מבחינת ה-W3C וכנראה שגם לא יהיו תקניות בתקן HTML 5 אך כמעט כל דפדפני האינטרנט תומכים בהן והן יכולות להיות מאד שימושיות באתר אינטרנט שיש בו טקסטים ארוכים שאסור שיישברו או שצריך שבירה.

על מנת להבין מה התפקיד שלהן, בוא ונניח שיש לנו אתר אינטרנט עם טקסט בעל משפטים ארוכים כמו למשל הטקסט הזה:

אתר אינטרנט טוב הוא אתר אינטרנט שבנוי היטב, אתר אינטרנט שנבנה היטב הוא אתר אינטרנט שנבנה על ידי בונה אתרי אינטרנט שיודע לבנות אתר אינטרנט. באתר אינטרנט אסור שיהיה ספאם אבל הטקסט הזה שמוצב באתר האינטרנט על ידי בונה אתר האינטרנט נראה כמו ספאם.

נניח שאני מעוניין שהטקסט הנלוז לעיל לא יישבר, כל מה שעלי לעשות זה להקיפו בתגית <nobr>.

אתר אינטרנט טוב הוא אתר אינטרנט שבנוי היטב, אתר אינטרנט שנבנה היטב הוא אתר אינטרנט שנבנה על ידי בונה אתרי אינטרנט שיודע לבנות אתר אינטרנט. באתר אינטרנט אסור שיהיה ספאם אבל הטקסט הזה שמוצב באתר האינטרנט על ידי בונה אתר האינטרנט נראה כמו ספאם.


<nobr>אתר אינטרנט טוב הוא אתר אינטרנט שבנוי היטב, אתר אינטרנט שנבנה היטב הוא אתר אינטרנט שנבנה על ידי בונה אתרי אינטרנט שיודע לבנות אתר אינטרנט. באתר אינטרנט אסור שיהיה ספאם אבל הטקסט הזה שמוצב באתר האינטרנט על ידי בונה אתר האינטרנט נראה כמו ספאם.</nobr>

הטקסט הזה לא נשבר ומתנהג בדיוק כמו שורה ארוכה מאד ללא רווחים, במקרה של העיצוב הנוכחי של אינטרנט ישראל, השורה בעצם 'מוסתרת' על ידי הגבול של div הטקסט. אך בעיצובים אחרים זה לא יהיה כך.

נניח ואני רוצה שהטקסט יישבר במקום כלשהו, אני לא רוצה להשתמש ב-BR כי BR ישבור בכל מקרה את השורה. אני רוצה לומר לדפדפן שאם הוא חייב לשבור את הטקסט, שישבור אותו במקום שאני רוצה ולא סתם במקום אקראי:

אתר אינטרנט טוב הוא אתר אינטרנט שבנוי היטב. אתר אינטרנט שנבנה היטב הוא אתר אינטרנט שנבנה על ידי בונה אתרי אינטרנט שיודע לבנות אתר אינטרנט.באתר אינטרנט אסור שיהיה ספאם אבל הטקסט הזה שמוצב באתר האינטרנט על ידי בונה אתר האינטרנט נראה כמו ספאם.


<nobr>אתר אינטרנט טוב הוא אתר אינטרנט שבנוי היטב.<wbr> אתר אינטרנט שנבנה היטב הוא אתר אינטרנט שנבנה על ידי בונה אתרי אינטרנט שיודע לבנות אתר אינטרנט.באתר אינטרנט אסור שיהיה ספאם אבל הטקסט הזה שמוצב באתר האינטרנט על ידי בונה אתר האינטרנט נראה כמו ספאם.</nobr>


כמובן שלא חייבים להשתמש ב-wbr רק בתוך nobr, אפשר להשתמש בו בכל טקסט והוא שימושי במיוחד בעיצובים שבהם המקום שמוקצה לטקסט משתנה לפי הרזולוציה של המסך ויש חשש שהטקסט יישבר בצורה מוזרה (כמו למשל באמצע מילת חיבור).

התגיות האלו לא סטנדרטיות אך נתמכות ברוב הדפדפנים. לאופרה וספארי יש קצת בעיה עם wbr: אופרה כלל לא תומך בתגית הזו וספארי לפעמים מפרש אותה בצורה מוזרה. ניתן להשתמש ב-&shy; במקום wbr. המינוס הוא ש-&shy; מתורגם למקף במקרה ויש שבירה.

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

פוסטים נוספים שכדאי לקרוא

ספריות ומודולים

מציאת PII באמצעות למידת מכונה

כך תגנו על משתמשים שלכם שמעלים מידע אישי רגיש כמו תעודות זהות באמצעות שירות אמאזוני.

תמונה של עציץ, רספברי פיי ורמקול
רספברי פיי

לגרום לעציץ שלכם לדבר

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

רספברי פיי

מה זה AIoT? ואיך אפשר להתחיל?

פוסט עם המון קישורים, מידע, סרטונים ופרק בפודקאסט שיפתח לכם שער לעולם ה-AIoT המרתק.

בינה מלאכותית

Safeguards על מודל שפה גדול (LLM)

פוסט בשילוב עם פודקאסט וסרטון על ההגנות שאפשר להציב על LLM בסביבת פרודקשן

גלילה לראש העמוד