Advanced technical content often combines fenced code, math, and occasional HTML.
Fenced Code Blocks
```js
const message = "Hello, WebGrid";
console.log(message);
```
Always include language identifiers when possible.
Inline Code
Use the `theme` field in frontmatter.
Inline code is ideal for keys, file names, and commands.
Math (KaTeX/MathJax-style)
Inline:
The ratio is $a/b$.
Block:
$$
E = mc^2
$$
$$ E = mc^2 $$
Math rendering depends on parser/runtime support.
Raw HTML in Markdown
<details>
<summary>Show advanced note</summary>
<p>Hidden until expanded.</p>
</details>
Use HTML sparingly and only when Markdown cannot express the layout.
Final Author Checklist
Before publishing advanced content:
- Headings are structured logically
- Links and media paths resolve correctly
- Callouts/transclusions are intentional and readable
- Code blocks include language hints
- Critical information remains understandable without editor-only features
Series Wrap-Up
You now have a complete advanced Markdown reference for WebGrid authoring.