Get Adobe Flash player
דף הבית כתיבת טקסט טקסט סמנטי

בשיעור הקודם עברנו על תגים לעיצוב הטקסט.

שתי קבוצות תגים (strong, em ו- del, ins) זכו להערה מיוחדת. לתגים אלו יש משמעות נוספת על העיצוב הויזואלי. הם מייצגים "חשיבות" של הטקסט, או במילים אחרות, נותנים לטקסט ערכים נוספים - סמנטיים.

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

מהי משמעות "סמנטית"?

תגים לציטוט

תג לציטוט ארוך <blockquote>

האפקט הויזואלי: הטקסט נראה בהטיה ומוכנס פנימה (שוליים עמוקים).

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

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

תג להגדרת שם המקור <cite>

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

בספר משלי נאמר: <blockquote cite="http://kodesh.snunit.k12.il/i/t/t2806.htm#6">
לֵךְ-אֶל-נְמָלָה עָצֵל; רְאֵה דְרָכֶיהָ וַחֲכָם.
אֲשֶׁר אֵין-לָהּ קָצִין-- שׁוֹטֵר וּמוֹשֵׁל.
תָּכִין בַּקַּיִץ לַחְמָהּ; אָגְרָה בַקָּצִיר, מַאֲכָלָהּ.
עַד-מָתַי עָצֵל תִּשְׁכָּב; מָתַי, תָּקוּם מִשְּׁנָתֶךָ.
מְעַט שֵׁנוֹת, מְעַט תְּנוּמוֹת; מְעַט, חִבֻּק יָדַיִם לִשְׁכָּב.
וּבָא-כִמְהַלֵּךְ רֵאשֶׁךָ; וּמַחְסוֹרְךָ, כְּאִישׁ מָגֵן.
</blockqoute>
</cite>ספרות הקודש של אתר סנונית<cite>

 

והתוצאה:

בספר משלי נאמר:
לֵךְ-אֶל-נְמָלָה עָצֵל; רְאֵה דְרָכֶיהָ וַחֲכָם.
אֲשֶׁר אֵין-לָהּ קָצִין-- שׁוֹטֵר וּמוֹשֵׁל.
תָּכִין בַּקַּיִץ לַחְמָהּ; אָגְרָה בַקָּצִיר, מַאֲכָלָהּ.
עַד-מָתַי עָצֵל תִּשְׁכָּב; מָתַי, תָּקוּם מִשְּׁנָתֶךָ.
מְעַט שֵׁנוֹת, מְעַט תְּנוּמוֹת; מְעַט, חִבֻּק יָדַיִם לִשְׁכָּב.
וּבָא-כִמְהַלֵּךְ רֵאשֶׁךָ; וּמַחְסוֹרְךָ, כְּאִישׁ מָגֵן.
ספרות הקודש של אתר סנונית

תג לציטוט קצר <q>

מטרת תג זה היא לציין כשמדובר בציטוט המהווה חלק מתוך שורה או פסקה קיימת. הביטוי הויזואלי שלו הוא בהוספת גרשיים בתחילת ובסוף הציטוט. כמו אחיו "הגדול" <blockquot>, גם לת זה ניתן לצרף את התכונה cite לצורך כתובת המקור, וגם כאן מקובל להכניס את התג <cite> להוספת שם המקור.

בחשבו על מדינת היהודים, כתב בנימין זאב הרצל:  
<q cite = "http://benyehuda.org/herzl/herzl_003.html">על מדינת היהודים להווסד ע"פ חוקי הנימוס ודרך הארץ</q> הלוואי והיה כך...
<cite>מדינת היהודים לבנימין זאב הרצל</cite>

והתוצאה:

בחשבו על מדינת היהודים, כתב בנימין זאב הרצל: על מדינת היהודים להוָסד ע"פ חוקי הנמוס ודרך הארץ הלוואי והיה כך...
מדינת היהודים לבנימין זאב הרצל

תגי <abbr> ו-<acronym>

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

כשכותבים באנגלית, יש לכך משמעות רבה כי ראשי תיבות אינן מסומנות בגרשיים או בנקודות אלא רק באות גדולה: USA, NASA, UN וכו'. אך גם בעברית, יש מילים בראשי תיבות שהפכו ל"מילים מן המניין", ואף מקבלות הטייה כמו מנכ"ל ומנכ"לית, ציוד צה"לי, ועוד.

הערה: התג <accronym> נמצא בסוף דרכו בעולם האינטרנט ולא יהיה חלק מ HTML5 ולכן עדיף לא להשתמש בו.

בדוגמא הבאה העבר את העכבר מעל המילה בבל"ת שבתוצאה.

הדובר האשים את קודמו <abbr title="בלבול ביצים ללא תכלית">בבבל"ת</abbr>

והתוצאה:

הדובר האשים את קודמו בבבל"ת

תג <address>

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

<address>מסמך זה נכתב ע"י שמואל רפאלי<br />ליצירת קשר לחץ כאן</address>

והתוצאה:

מסמך זה נכתב ע"י שמואל רפאלי
ליצירת קשר כתובת דוא"ל זו מוגנת מפני spambots, יש לאפשר JavaScript על-מנת לראות את הכתובת

 

אל השיעור הקודם אל השיעור הבא