הודעות (הסברים, הערות, אזהרות וכו')

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

סוגי ההודעות הזמינים

הערה

HTML

<aside class="note">
<b>Note:</b> An ordinary note.
</aside>

Markdown

Note: An ordinary note.

טיפ

HTML

<aside class="tip">
<b>Tip:</b> An ordinary tip.
</aside>

Markdown

Tip: An ordinary tip.

זהירות

HTML

<aside class="caution">
<b>Caution:</b> Suggests proceeding with caution.
</aside>

Markdown

Caution: Suggests proceeding with caution.

אזהרה

HTML

<aside class="warning">
<b>Warning:</b> Stronger than caution; it means "Don't do this."
</aside>

Markdown

Warning: Stronger than caution; it means "Don't do this."

חשוב

HTML

<aside class="special">
<b>Important:</b> Defines an important concept.
</aside>

Markdown

Important: Defines an important concept.

נקודה חשובה

HTML

<aside class="key-point">
<b>Key Point:</b> Defines an important takeaway.
</aside>

Markdown

Key Point: Defines an important takeaway.

מונח מפתח

HTML

<aside class="key-term">
<b>Key Term:</b> Defines important terminology.
</aside>

Markdown

Key Term: Defines important terminology.

מטרה

HTML

<aside class="objective">
<b>Objective:</b> Defines the goal of a procedure.
</aside>

Markdown

Objective: Defines the goal of a procedure.

הפעולה הצליחה

HTML

<aside class="success">
<b>Success:</b> Describes a successful action or an error-free status.
Used only in interactive or dynamic content; don't use in ordinary
static pages.
</aside>

Markdown

Success: Describes a successful action or an error-free status. Used only
in interactive or dynamic content; don't use in ordinary static pages.

בטא

HTML

<aside class="beta">
<b>Beta:</b> A notice that describes a beta-release feature, which is
subject to change or removal in new minor versions of the product.
</aside>

Markdown

Beta: A notice that describes a beta-release feature, which is subject to
change or removal in new minor versions of the product.

תצוגה מקדימה

HTML

<aside class="preview">
<b>Preview:</b> A note or tip for a feature preview.
</aside>

Markdown

Preview: A note or tip for a feature preview.

ניסוי המוצר לפני הפצה (dogfood)

HTML

<aside class="dogfood">
<b>Dogfood:</b> A notice that applies only temporarily, during internal
dogfood testing. Remove all Dogfood notices before making a document
publicly visible.
</aside>

Markdown

Dogfood: A notice that applies only temporarily, during internal dogfood
testing. Remove all Dogfood notices before making a document publicly
visible.

הוצא משימוש

HTML

<aside class="deprecated">
<b>Deprecated:</b> A note or tip for a deprecated feature, product, or
service.
</aside>

Markdown

Deprecated: A note or tip for a deprecated feature, product, or service.

הערות לגבי שימוש

שימוש ב-HTML

מומלץ להשתמש בקטגוריות האלה עם הרכיב <aside> של HTML5, אבל אפשר להשתמש במקום זאת ברכיב אחר ברמת הבלוק (כמו <p>).

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

במסמכים ישנים יותר, יכול להיות שתראו את הערך class="special" או שמות כיתות לא סטנדרטיים במקום class="note". שמות הכיתות האלה יוצרים התראות שדומות מבחינה חזותית להתראת note, אבל מומלץ להשתמש ב-class="note" במקום בשמות כיתות מיוחדים או לא סטנדרטיים.

שימוש ב-Markdown

סגנונות ה-Markdown קובעים את הצבע והסמל של ההודעה, והם מגדירים באופן אוטומטי את המילה הראשונה של ההודעה בכתב מודגש. לדוגמה, הערה ב-Markdown תמיד מתחילה במילה Note: (הערה:) בכתב מודגש.

להודעה עם יותר מפסקה אחת, צריך להשתמש ב-HTML <aside> (וב-<p>) במקום זאת.

יכול להיות שיופיע הכיתוב 'חשוב:' במקום Note:. סגנון ה-Markdown הזה יוצר הודעות שזהות מבחינה חזותית להודעה מסוג Note:.

שיטות מומלצות

מומלץ לפעול לפי השיטות המומלצות הבאות כשמוסיפים הודעות למסמכי התיעוד:

מומלץ

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

לא מומלץ

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

ברוב המקרים, השיטות המומלצות האלה חלות על הודעות מסוג note,‏ caution ו-warning, אבל הן יכולות לחול גם על הודעות מסוגים אחרים.

דוגמאות טובות

כדאי לשמור על פשטות:

משתמשים ב-cautions במקרה של אובדן נתונים פוטנציאלי:

משתמשים ב-warning כדי לציין פגיעה פוטנציאלית:

משתמשים בסוגי ההודעות המתאימים לתוכן, כמו key-term או success:

דוגמאות גרועות

אסור שההודעות יהיו ארוכות מדי או יכילו מידע ששייך לתוכן הליבה:

אסור לציין בהודעות תנאים מוקדמים לפני פרוצדורה (במקום זאת, צריך להשתמש בקטע 'תנאים מוקדמים'):