Snml, or Social Network Markup Language is a HTML-like markup language intented to speed development in the Bebo platform. It consists of many tags that allow you to quickly create compelling dynamic features that look right at home on Bebo. With a few carefully placed tags, you'll get your app running in no time.
The tags are grouped into roughly three general sets. Rendering tags allow you to create Bebo-like controls quickly. Data backed tags allow you to access and display information in the social network. Conditional tags allow you to make decisions about whether to render other tags depending on application state or the state of the social network connections of the current user.
To your left, you will see a list of all the tags that Bebo supports as of the current release. Bebo releases its source code nearly daily, so this list could change from day to day. One of the nice things about this documentation is that it's authoritative, if the tag is shown to the left, we support it. Similarly, if an attribute is marked required, it is required. The same code that does the validation is used to build the documentation.
Vs. HtmlSNML Supports the following HTML tags. All other tags are ignored.
Each tag has the concept of a context in which it runs. Most tags will run in the Main and Profile contexts, while others will run only in certain notification contexts. This context information is also displayed on the documentation page for each tag, and is just as authoritative as the attribute documentation.
One of the best ways to learn is by example. On some of the tag doc pages, you'll see a small code example and a preview of the tag. This will allow you to see exactly what it looks like in your browser. You also can click on the link below the preview and immediately play with the preview in the sandbox. Code with an example is marked with the icon.
While you are not allowed to explicitly set CSS includes, you are able to add style tags to the SNML document. These style rules are modified on only affect content inside your app div. Since Bebo has skins, it is often helpful to have access to the colors images and padding defined in the skins. These can be added to your stylesheets by using simple templates. You can read about the templates and styles here