A DevSite számos értesítési stílust támogat, amelyek különböző háttérszínekkel rendelkező dobozokként jelennek meg. A háttérszínek előre meghatározottak, és HTML vagy Markdown használatával hozhat létre értesítéseket.
Elérhető értesítési típusok
Jegyzet
HTML
<aside class="note">
<b>Note:</b> An ordinary note.
</aside>
Árleszállítás
Note: An ordinary note.
Tipp
HTML
<aside class="tip">
<b>Tip:</b> An ordinary tip.
</aside>
Árleszállítás
Tip: An ordinary tip.
Vigyázat
HTML
<aside class="caution">
<b>Caution:</b> Suggests proceeding with caution.
</aside>
Árleszállítás
Caution: Suggests proceeding with caution.
Figyelmeztetés
HTML
<aside class="warning">
<b>Warning:</b> Stronger than caution; it means "Don't do this."
</aside>
Árleszállítás
Warning: Stronger than caution; it means "Don't do this."
Fontos
HTML
<aside class="special">
<b>Important:</b> Defines an important concept.
</aside>
Árleszállítás
Important: Defines an important concept.
Kulcsfontosságú pont
HTML
<aside class="key-point">
<b>Key Point:</b> Defines an important takeaway.
</aside>
Árleszállítás
Key Point: Defines an important takeaway.
Kulcsfogalom
HTML
<aside class="key-term">
<b>Key Term:</b> Defines important terminology.
</aside>
Árleszállítás
Key Term: Defines important terminology.
Célkitűzés
HTML
<aside class="objective">
<b>Objective:</b> Defines the goal of a procedure.
</aside>
Árleszállítás
Objective: Defines the goal of a procedure.
Siker
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>
Árleszállítás
Success: Describes a successful action or an error-free status. Used only
in interactive or dynamic content; don't use in ordinary static pages.
Beta
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>
Árleszállítás
Beta: A notice that describes a beta-release feature, which is subject to
change or removal in new minor versions of the product.
Előnézet
HTML
<aside class="preview">
<b>Preview:</b> A note or tip for a feature preview.
</aside>
Árleszállítás
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>
Árleszállítás
Dogfood: A notice that applies only temporarily, during internal dogfood
testing. Remove all Dogfood notices before making a document publicly
visible.
Elavult
HTML
<aside class="deprecated">
<b>Deprecated:</b> A note or tip for a deprecated feature, product, or
service.
</aside>
Árleszállítás
Deprecated: A note or tip for a deprecated feature, product, or service.
Használati megjegyzések
HTML használat
Javasoljuk, hogy ezeket az osztályokat használja a HTML5 <aside>
elemmel, de használhat egy másik blokkszintű elemet (például <p>
).
A HTML osztályok határozzák meg az értesítés színét és ikonját, de nem állítják be automatikusan a félkövér első szót; ezt a szót kézzel kell beírnia, ahogy a példákban is látható. Elméletileg használhat más szót is, mint az osztálynak megfelelő szó, de javasoljuk, hogy maradjon a fent látható első szavaknál.
A régebbi dokumentumokban class="special"
vagy nem szabványos osztályneveket láthat class="note"
helyett. Ezek az osztálynevek olyan megjegyzéseket hoznak létre, amelyek vizuálisan megegyeznek a note
, de javasoljuk class="note"
használatát a speciális vagy nem szabványos osztálynevek helyett.
Leértékelés használat
A Markdown stílusok határozzák meg az értesítés színét és ikonját, és automatikusan beállítják az értesítés első, félkövéren szedett szavát. Így például egy megjegyzés a Markdownban mindig a Megjegyzés: félkövér szóval kezdődik.
Ha egynél több bekezdést tartalmaz, használja a HTML <aside>
(és <p>
) kódot.
Note:
helyett a Fontos: üzenet jelenhet meg. Ez a Markdown stílus olyan megjegyzéseket hoz létre, amelyek vizuálisan megegyeznek a Note:
megjegyzésekkel.
A legjobb gyakorlatok
A DevSite azt javasolja, hogy kövesse az alábbi bevált módszereket, amikor megjegyzéseket ad hozzá a dokumentációhoz:
Ajánlott
- Legyen tömör (próbáljon egy-két mondatos megjegyzéseket tartani).
- Ha lehetséges, korlátozza az értesítéseket oldalanként egyre (vagy szakaszonként egyre, ha szükséges).
- Győződjön meg arról, hogy az értesítések csak olyan fontos tartalmat tartalmaznak, amelyet kiemelni kíván; ne írjon be olyan tartalmat az értesítésbe, amelyről egyszerűen nem tudja, mit kezdjen vele.
- Használja a figyelmeztetéseket, mielőtt a felhasználónak szüksége lenne az információra, ne utána.
Nem ajánlott
- Ne adjon meg kódpéldákat, táblázatokat vagy képeket a közleményekben.
- Kerülje el az értesítések egymásra helyezését, még akkor sem, ha különböző típusúak.
- Próbáljon meg ne közvetlenül a címsorok után megjegyzéseket beszúrni.
- Ne használjon figyelmeztetéseket az eljárás előtti előfeltételek megadására.
Ezek a bevált módszerek többnyire note
, caution
és warning
típusú figyelmeztetésekre vonatkoznak, de vonatkozhatnak más típusokra is.
Jó példák
Legyen egyszerű:
cautions
az esetleges adatvesztésre:
Használjon warning
az esetleges sérülésekre:
Használjon megfelelő típusú értesítéseket a tartalomhoz, például key-term
vagy success
:
Rossz példák
A közlemények nem lehetnek túlságosan bőbeszédűek, és nem közölhetnek olyan információkat, amelyek az alapvető tartalomhoz tartoznak:
A közlemények nem határozhatnak meg előfeltételeket az eljárás előtt (használja inkább az „Előfeltételek” részt):