# The document
> The HTML around pages: attributes, icons, fonts.
Every page a browser loads first is an HTML document around the page: ``, ``, ``. Fondu writes a
minimal one; `createApp({ document })` replaces it with yours.
## The default
```html
```
## Your own
`document` is a function of the parts Fondu renders, returning the HTML:
```ts
// app/server.ts
import { createApp } from 'fondu'
export default createApp({
document: ({ head, body, c }) =>
`${head}${body}`,
})
```
- `head`: the tags of the page's `` (title, meta), then its styles and scripts. Put it last in ``.
- `body`: the page data (`${head}${body}`
}
```
A [static page](https://fondu.dev/docs/static-pages.md) has no nonce: the same file is served to everyone. Allow an inline script there by
its hash instead, `'sha256-…'` in `scriptSrc`, as this site does for the script that sets the theme before the first
paint.