Notices
The ideal HTML element for this to render as is (surprisingly) <figure> ("Specifies self-contained content, like illustrations, diagrams, photos, code listings, etc."). This term and syntax is for hatnotes, message boxes, and the thin variants like Asbox. I've included some categorization, some TemplateData-like syntax, alternate versions listings for redirects and sections, and a hint to Flags.
<notice theme="editing" theme-source="mbox-type" layout="mbox(|hatnote|thin)"> <data priority="main" source="issue"> <default lang="en"> has serious editing issues.</default> <prefix source="sect"> <default lang="en">This article</default> <hint lang="en">What has issues?</hint> </prefix> <format line-break="after">{{{sect}}}{{{issue}}}</format> <hint lang="en">What is wrong?</hint> </data> <data source="guideline"> <default lang="en">Please fix them.</default> <hint lang="en">What guidelines apply to fix this?</hint> </data> <image layout="left" source="icon"><default>File:Editing</default></image> <category namespace="Main">Articles needing editing</category> <template-category lang="en">Editing Notices</template-category> <template-name priority="primary" lang="en">Template:Editing</template-name> <template-name priority="alternate" lang="en">Template:Copyedit</template-name> <template-name priority="portion" lang="en">Template:Copyedit_section</template-name> </notice>
Side boxes
These are fairly minimal to begin with, but would either be <details> or <aside> in HTML5. Since <details> is not widely supported, <aside> it is.
<box theme="" theme-source="" collapsible="expanded(|collapsed|off)" layout="right(|left)"> <navigation /> <image layout="left" source="image"><default /></image> <data source="" /> <template-name priority="primary" lang="en">Template:AdditionalInfo</template-name> </box>
Navboxes and Sidebars
Navboxes and Sidebars are virtually the same thing, layed out either horizontally or vertically. Either way, they'd be <nav> in HTML5. This method uses <group> as a much better way of nesting Navboxes. Note that there's also additional attributes to "format" and the addition of collapsibility.
<navbox theme="" theme-source="" layout="wide(|left|right)" collapsible="collapsed(|expanded|off)" navbar="off(|show|plain)"> <title /> <header /> <navigation /> <image layout="right" /> <group collapsible="collapsed(|expanded|off)" evenodd="off(|swap|even|odd)" class=""> <header>...</header> <group collapsible="collapsed(|expanded|off)" evenodd="swap(|even|off|off)" class=""> <header>...</header> <data> <!- There should be a way to pull this from a Lua or JSON table in "source" -> <default>Item 1; Item 2; Item 3</default> <format list="horizontal" separator";" /> </data> </group> </group> <template-name priority="primary" lang="en">Template:Navbox_genericexample</template-name> </navbox>